:root {
  /* ── Colors ───────────────────────────────────────────────────────────────
   * Use these canonical names in all theme CSS and block templates.
   * Non-canonical namespaces (--colors-*, --brand-*, --custom-*) are
   * forbidden by design governance and will fail validation.
   * ────────────────────────────────────────────────────────────────────── */
  --color-primary:      #4941E3;
  --color-primary-dark: #062F5D;
  --color-secondary:    #5234DE;
  --color-accent:       #FF0035;
  --color-surface:      #FFFFFF;
  --color-surface-alt:  #F7F7F7;
  --color-text:         #2B2B2B;
  --color-text-muted:   #686C7D;
  --color-text-on-dark: #FFFFFF;
  --color-border:       #CFD9DB;

  /* ── Typography ──────────────────────────────────────────────────────────
   * Canonical family tokens: --font-display, --font-body, --font-mono.
   * Canonical scale tokens:  --text-xs … --text-hero.
   * ────────────────────────────────────────────────────────────────────── */
  --font-display: 'Poppins', Arial, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Open Sans', Arial, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    ui-monospace, 'Cascadia Code', 'Segoe UI Mono', monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-hero: clamp(3rem, 4.9vw, 5.4rem);

  /* ── Spacing ─────────────────────────────────────────────────────────────
   * Canonical tokens: --space-xs … --space-section.
   * ────────────────────────────────────────────────────────────────────── */
  --space-xs:      0.5rem;
  --space-sm:      1rem;
  --space-md:      1.5rem;
  --space-lg:      2rem;
  --space-xl:      3rem;
  --space-2xl:     4rem;
  --space-section: 6rem;

  /* ── Border radius ───────────────────────────────────────────────────────
   * Canonical tokens: --radius-sm, --radius-md, --radius-lg, --radius-pill.
   * ────────────────────────────────────────────────────────────────────── */
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-pill: 9999px;

  /* ── Shadows ─────────────────────────────────────────────────────────────*/
  --shadow-card:       0 14px 40px rgba(17, 20, 61, 0.10);
  --shadow-card-hover: 0 24px 60px rgba(17, 20, 61, 0.16);
  --shadow-hero:       0 34px 90px rgba(17, 20, 61, 0.28);

  /* ── Animation variables ─────────────────────────────────────────────────*/
  --animation-blob-speed:        18s;
  --animation-scroll-parallax:   0.3;
}