:root {
  color-scheme: light;

  /* Brand primitives */
  --ag-ink: #11120f;
  --ag-paper: #f2f0e7;
  --ag-white: #ffffff;
  --ag-sand: #e9dfbd;
  --ag-cyan: #57b9e8;
  --ag-orange: #f2a20d;
  --ag-signal: #ff365c;
  --ag-green: #8fc79a;
  --ag-green-deep: #2f7654;
  --ag-gray: #919687;
  --ag-gray-light: #d8d8cf;

  /* Semantic color roles */
  --color-canvas: var(--ag-paper);
  --color-surface: var(--ag-white);
  --color-surface-muted: var(--ag-sand);
  --color-text: var(--ag-ink);
  --color-text-muted: #50554e;
  --color-border: var(--ag-ink);
  --color-info: var(--ag-cyan);
  --color-warning: var(--ag-orange);
  --color-critical: var(--ag-signal);
  --color-success: var(--ag-green);
  --color-success-strong: var(--ag-green-deep);

  /* Typography */
  --font-display: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: 2.25rem;
  --text-3xl: clamp(3rem, 6vw, 6rem);
  --leading-tight: 0.92;
  --leading-body: 1.6;
  --tracking-display: -0.055em;
  --tracking-system: 0.06em;

  /* Spacing: 4px base unit */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Shape and depth */
  --radius-none: 0;
  --radius-plastic: 0.5625rem;
  --border-hairline: 1px solid var(--color-border);
  --border-standard: 2px solid var(--color-border);
  --border-strong: 3px solid var(--color-border);
  --shadow-control: 4px 4px 0 var(--ag-ink);
  --shadow-panel: 8px 8px 0 var(--ag-ink);
  --shadow-stage: 11px 11px 0 var(--ag-ink);

  /* Layout and motion */
  --content-max: 76.25rem;
  --motion-fast: 120ms;
  --motion-standard: 180ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Backward-compatible aliases used by the landing page */
  --ink: var(--ag-ink);
  --paper: var(--ag-paper);
  --soft: #e9e8df;
  --line: var(--ag-ink);
  --muted: var(--color-text-muted);
  --cyan: var(--ag-cyan);
  --orange: var(--ag-orange);
  --signal: var(--ag-signal);
  --green: var(--ag-green);
  --green-deep: var(--ag-green-deep);
  --max: var(--content-max);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}