:root {
  /* Apple HIG–Grounded Botanical Palette with Popping Accent (WCAG AA Verified) */
  --brand-primary: #0B3B24;
  --brand-primary-hover: #072818;
  --brand-primary-light: #135C3A;

  /* Electric Luminous Accent Palette — Eye-Catching & Vibrant */
  --brand-accent: #05DF72;
  /* Radiant electric spring emerald for buttons, glows & accents */
  --brand-accent-text: #065F46;
  /* Deep readable emerald (6.8:1 contrast on white) for text, badges, and headings */
  --brand-accent-vivid: #00F58C;
  /* Ultra-vivid mint highlight */
  --brand-accent-deep: #047857;
  /* Grounded rich emerald for contrast */
  --brand-accent-hover: #04C865;
  --brand-accent-surface: rgba(5, 223, 114, 0.10);
  --brand-accent-glow: rgba(5, 223, 114, 0.38);
  --brand-accent-glow-subtle: rgba(5, 223, 114, 0.16);
  --brand-accent-glow-strong: 0 0 24px rgba(5, 223, 114, 0.55);
  --brand-accent-gradient: linear-gradient(135deg, #05DF72 0%, #059669 100%);
  --brand-accent-gradient-vivid: linear-gradient(135deg, #00F58C 0%, #05DF72 55%, #059669 100%);
  --brand-forest-dark: #071910;
  --brand-surface: #EDF5F0;

  /* iOS / macOS Grouped Background Hierarchy (color.md › Platform considerations) */
  --bg-main: #F5F6F7;
  --bg-card: #FFFFFF;
  --bg-card-subtle: #F0F2F4;
  --bg-grouped-inset: #F4F5F7;
  --bg-input: #FFFFFF;

  /* Hairline Separators & Borders */
  --border-color: rgba(17, 28, 22, 0.09);
  --border-strong: rgba(17, 28, 22, 0.15);
  --border-focus: #05DF72;
  --border-error: #DC2626;

  /* Typography Colors — All pass WCAG AA 4.5:1 on #FFFFFF and #F5F6F7 */
  --text-main: #111C16;
  /* 16.4:1 on white */
  --text-muted: #42544B;
  /* 7.9:1 on white */
  --text-dim: #56695F;
  /* 5.7:1 on white */
  --text-inverse: #FFFFFF;

  /* Semantic Status Colors */
  --status-success: #059669;
  --status-success-bg: #ECFDF5;
  --status-warning: #D97706;
  --status-warning-bg: #FFFBEB;
  --status-error: #DC2626;
  --status-error-bg: #FEF2F2;
  --status-info: #0284C7;
  --status-info-bg: #F0F9FF;

  /* Mobile Money Carrier Accents */
  --color-mtn: #FFCC00;
  --color-mtn-text: #111827;
  --color-airtel: #E11D48;
  --color-airtel-text: #FFFFFF;
  --color-zamtel: #059669;
  --color-zamtel-text: #FFFFFF;

  /* Apple-First Typography Stack */
  --font-heading: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Outfit', 'Plus Jakarta Sans', sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Plus Jakarta Sans', 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'SF Mono', 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;

  /* Subtle Multi-Layer Elevation Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.03), 0 2px 8px rgba(11, 59, 36, 0.03);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.03);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-glow: 0 0 0 4px rgba(5, 223, 114, 0.28);
  --shadow-floating: 0 24px 60px -12px rgba(7, 25, 16, 0.22), 0 4px 16px rgba(0, 0, 0, 0.06);

  /* Continuous Squircle Border Radii */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 26px;
  --radius-full: 9999px;

  /* Apple iOS Spring & Fluid Physics Easing Curves */
  --spring-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  /* Playful spring overshoot */
  --spring-snappy: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Crisp tactile snap */
  --spring-elastic: cubic-bezier(0.68, -0.4, 0.265, 1.4);
  /* Playful rubber-band stretch */
  --spring-gentle: cubic-bezier(0.25, 1.35, 0.45, 1);
  /* Smooth buoyant float */
  --spring-press: cubic-bezier(0.4, 0, 0.2, 1);
  /* Responsive squish on press */

  /* Standard Transitions */
  --transition-fast: 180ms cubic-bezier(0.25, 1, 0.5, 1);
  --transition-normal: 280ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-smooth: 400ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-spring: 360ms var(--spring-bounce);
}