:root {
  /* ── Primary Palette ───────────────────────────────── */
  --primary:            #00030a;
  --on-primary:         #ffffff;
  --primary-container:  rgba(0, 3, 10, 0.80);

  /* ── Secondary Palette ─────────────────────────────── */
  --secondary:          #2c5caf;
  --on-secondary:       #ffffff;
  --secondary-container: rgba(44, 92, 175, 0.12);

  /* ── Tertiary / Structural Gold ────────────────────── */
  --tertiary:           #e9c176;
  --tertiary-dim:       #c9a558;
  --tertiary-fixed:     #e9c176;
  --tertiary-fixed-dim: #c9a558;
  --on-tertiary:        #1a0f00;

  /* ── Surface Series ────────────────────────────────── */
  --background:                  #ffffff;
  --surface:                     #ffffff;
  --surface-dim:                 #d9dadb;
  --surface-bright:              #ffffff;
  --surface-container-lowest:    #ffffff;
  --surface-container-low:       #f2f2f3;
  --surface-container:           #e8e8ea;
  --surface-container-high:      #dedee0;
  --surface-container-highest:   #d4d4d6;

  /* ── On-Surface ────────────────────────────────────── */
  --on-surface:         #00030a;
  --on-surface-variant: #45464f;
  --outline:            #75767f;
  --outline-variant:    rgba(69, 70, 79, 0.15);

  /* ── Typography ────────────────────────────────────── */
  --font-display: 'Manrope', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* ── Type Scale (fluid) ────────────────────────────── */
  --display-lg:   clamp(2.5rem,  5.5vw, 3.5rem);
  --display-md:   clamp(2rem,    4vw,   2.75rem);
  --display-sm:   clamp(1.75rem, 3vw,   2.25rem);
  --headline-lg:  clamp(1.5rem,  2.5vw, 2rem);
  --headline-md:  clamp(1.25rem, 2vw,   1.75rem);
  --headline-sm:  clamp(1.125rem,1.5vw, 1.5rem);
  --title-lg:     1.25rem;
  --title-md:     1.125rem;
  --body-lg:      1rem;
  --body-md:      0.9375rem;
  --label-md:     0.875rem;
  --label-sm:     0.75rem;

  /* ── Spacing ───────────────────────────────────────── */
  --sp-4:   0.25rem;
  --sp-8:   0.5rem;
  --sp-12:  0.75rem;
  --sp-16:  1rem;
  --sp-24:  1.5rem;
  --sp-32:  2rem;
  --sp-40:  2.5rem;
  --sp-48:  3rem;
  --sp-64:  4rem;
  --sp-80:  5rem;
  --sp-96:  6rem;
  --sp-120: 7.5rem;

  /* ── Border Radius ─────────────────────────────────── */
  --radius-none: 0;
  --radius-sm:   0.125rem;

  /* ── Shadows ───────────────────────────────────────── */
  --shadow-foundation: 0px 24px 48px rgba(0, 3, 10, 0.08);
  --shadow-elevated:   0px 8px  24px rgba(0, 3, 10, 0.12);
  --shadow-deep:       0px 32px 64px rgba(0, 3, 10, 0.18);

  /* ── Transitions ───────────────────────────────────── */
  --transition-heavy:  300ms ease-out;
  --transition-smooth: 200ms ease-out;
  --transition-slow:   500ms ease-out;

  /* ── Layout ────────────────────────────────────────── */
  --container-max:    1280px;
  --container-pad:    clamp(1.25rem, 5vw, 4rem);
  --nav-height:       80px;
}