:root {
  color-scheme: light;

  /* Colour roles — cobalt palette (Sastha 2026-10-07 12:49 IST; Design locked for re-score).
     Warm off-white / white / pale blue highlight · deep ink · slate · cobalt.
     No teal, sage, amber, or forest green. About #EEF2FF on #FAFAF8 is ~1.07:1 —
     section identity uses spacing + #DFE3E7 divider, not colour alone.
     Border #DFE3E7 alone is insufficient for controls: pair with fill + labels + cobalt focus. */
  --color-surface: #fafaf8;
  --color-surface-raised: #ffffff;
  --color-surface-sunken: #eef2ff;
  --color-surface-highlight: #eef2ff;
  --color-ink: #182026;
  --color-ink-muted: #56616b;
  --color-ink-quiet: #56616b;
  --color-rule: #dfe3e7;
  --color-rule-strong: #56616b;
  --color-action: #3157d5;
  --color-action-hover: #2443a8;
  --color-on-action: #ffffff;
  --color-emphasis-bg: #eef2ff;
  --color-focus: #3157d5;
  --color-error: #8f2a18;
  --color-error-bg: #fde8e3;
  --color-success: #3157d5;
  --color-success-bg: #eef2ff;
  --color-inverse: #182026;
  --color-on-inverse: #fafaf8;
  --color-on-inverse-muted: #a8b0b8;

  --radius-s: 6px;
  --radius-m: 10px;
  --radius-l: 16px;
  --radius-full: 999px;

  /* Type scale (fluid, clamps keep long titles inside narrow screens) */
  --font-sans: "Aptos", "Segoe UI Variable Text", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: "Aptos Display", "Segoe UI Variable Display", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --type-position: clamp(2rem, 1.2rem + 3.6vw, 3.75rem);
  --type-act: clamp(1.85rem, 1.3rem + 2.4vw, 3rem);
  --type-section: clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem);
  --type-title: 1.25rem;
  --type-lede: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --type-body: 1.0625rem;
  --type-small: 0.9375rem;
  --type-label: 0.8125rem;
  --measure: 62ch;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;

  --container-max: 74rem;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --header-h: 4rem;
  --dock-clear: 5.5rem;
  --target: 44px;
  --duration-fast: 150ms;
  --duration-medium: 220ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
}

@media (forced-colors: active) {
  :root {
    --color-surface: Canvas;
    --color-surface-raised: Canvas;
    --color-surface-sunken: Canvas;
    --color-ink: CanvasText;
    --color-ink-muted: CanvasText;
    --color-ink-quiet: CanvasText;
    --color-rule: CanvasText;
    --color-rule-strong: CanvasText;
    --color-action: LinkText;
    --color-action-hover: LinkText;
    --color-on-action: Canvas;
    --color-emphasis-bg: Canvas;
    --color-focus: Highlight;
    --color-error: CanvasText;
    --color-error-bg: Canvas;
    --color-success: CanvasText;
    --color-success-bg: Canvas;
    --color-inverse: Canvas;
    --color-on-inverse: CanvasText;
    --color-on-inverse-muted: CanvasText;
  }
}