:root {
  /* Brand values retained from GL-003. */
  --color-primary: #4E7DE5;
  --color-secondary: #EBF0FB;
  --color-accent: #2D7FFE;
  --color-neutral-0: #FFFFFF;
  --color-neutral-1: #F4F6FA;
  --color-neutral-2: #D8DCE8;
  --color-neutral-3: #8A8FA0;
  --color-neutral-4: #4A4E5A;
  --color-neutral-5: #282E37;
  --color-logo-text: #2E2A01;

  /* Provisional web semantics. */
  --color-page: var(--color-neutral-0);
  --color-surface: var(--color-neutral-1);
  --color-surface-blue: var(--color-secondary);
  --color-ink: var(--color-neutral-5);
  --color-body: var(--color-neutral-4);
  --color-muted: #626A79;
  --color-rule: var(--color-neutral-2);
  --color-action: #2457B8;
  --color-action-hover: #194392;
  --color-action-active: #12346F;
  --color-on-action: var(--color-neutral-0);
  --color-dark-surface: var(--color-neutral-5);
  --color-on-dark: var(--color-neutral-0);
  --color-on-dark-muted: var(--color-secondary);
  --color-focus: var(--color-action);
  --color-focus-inverse: var(--color-neutral-0);

  --font-heading: "Montserrat", "Arial", sans-serif;
  --font-body: "Inter", "Segoe UI", "Arial", sans-serif;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --text-small: .875rem;
  --text-body: 1rem;
  --text-body-large: 1.125rem;
  --text-lead: clamp(1.125rem, 1rem + .5vw, 1.375rem);
  --text-h3: clamp(1.375rem, 1.2rem + .5vw, 1.75rem);
  --text-h2: clamp(2rem, 1.5rem + 1.5vw, 3rem);
  --text-h1: clamp(2.75rem, 1.8rem + 3.8vw, 5rem);
  --text-wordmark: 1.125rem;
  --line-heading: 1.08;
  --line-subheading: 1.2;
  --line-body: 1.65;
  --line-label: 1.35;
  --tracking-tight: -.035em;
  --tracking-normal: 0;
  --tracking-label: .12em;

  /* 8px base rhythm; 4px is the half-step for compact anatomy. */
  --space-half: .25rem;
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --section-space: clamp(3.5rem, 7vw, 6rem);
  --section-space-small: clamp(2rem, 4vw, 4rem);
  --container-max: 77rem;
  --reading-max: 43rem;
  --hero-copy-max: 48rem;
  --hero-art-max: 31rem;
  --header-height: 5.5rem;
  --control-min: 3rem;
  --logo-mark-size: 2rem;
  --rule-width: 1px;
  --rule-strong: 2px;
  --focus-width: 3px;
  --focus-offset: 3px;
  --radius-small: .25rem;
  --radius-panel: .5rem;
  --radius-round: 50%;
  --icon-size: 1.5rem;
  --icon-stroke: 1.5;
  --graphic-stroke: 2;
  --graphic-dot: .5rem;
  --graphic-grid: 2rem;
  --graphic-ratio: 1;
  --graphic-opacity: .18;
  --motion-fast: 150ms;
  --motion-ease: ease-out;
  --layer-header: 10;
  --layer-menu: 20;
}

/* Iris 2026-11-05 logo reconstruction extension. */
:root {
  --logo-header-mark-size: 3rem;
  --logo-header-gap: .75rem;
  --logo-footer-width: 10rem;
  --logo-review-width: 38rem;
}