:root {
  /* Spec §3 brand tokens */
  --color-brand:        #512195; /* Deep Violet — headings on light, links, Agent Builder accent */
  --color-cta:          #FE4E18; /* Flame Orange — primary action BUTTONS ONLY; max one per viewport */
  --color-dark:         #00264C; /* Midnight Blue — hero, governance band, footer backgrounds */
  --color-sovereign:    #11BF9D; /* Teal — everything In-Kingdom/enforced: tier row, policy gate, locked toggle */
  --color-global:       #25D0FE; /* Sky Blue — global tiers, informational accents */
  --color-surface:      #FFFFFF;
  --color-surface-alt:  #F7F6FA; /* violet-tinted off-white, alternating sections */
  --color-ink:          #1A1C23;

  --font-sans: 'Zain', system-ui, sans-serif;        /* AR + EN, weights 400/700/800 */
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --radius-card: 14px;
  --radius-pill: 999px;
  --content-max: 1140px;

  /* SolvFast design system (frontend globals) — the landing runs the dark theme */
  --brand-lime: #CBFE00;
  --bg: #04121B;                     /* 203 74% 6% */
  --bg-subtle: #071A26;
  --card-dark: #0B1F2B;              /* 202 40% 11% */
  --fg: #E8F1F7;                     /* 204 40% 94% */
  --muted-fg: #9AB0C0;               /* 205 22% 68% */
  --line: rgba(255, 255, 255, 0.10);

  /* Liquid-glass parameters — one knob set, used by every .glass surface */
  --lg-blur: 16px;
  --lg-tint: 0.30;
  --lg-radius: var(--radius-card);
  --lg-refraction: 1.2;

  --shadow-glass: 0 8px 24px -8px hsl(0 0% 0% / 0.5), inset 0 1px 0 hsl(0 0% 100% / 0.06);
  --glow-primary: 0 8px 28px -8px hsl(14 100% 57% / 0.5);
  --glow-info: 0 8px 28px -8px hsl(193 99% 57% / 0.45);
}