/* Eywa redesign adapter — neutral blueprint tokens. */
:root {
  color-scheme: light;

  --paper: #F7F7F7;
  --ink: #202020;
  --sage: #686868;
  --dot: #D0D0D0;
  --hairline: #DEDEDE;
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --dot-grid-image: radial-gradient(var(--dot) 1px, transparent 1px);
  --dot-grid-size: 22px 22px;

  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 96px;

  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  --layout-max: 1280px;
  --layout-gutter: clamp(20px, 5vw, 64px);
  --grid-columns-wide: 12;
  --grid-columns-medium: 6;
  --grid-columns-small: 4;
  --grid-gap: var(--space-6);
  --breakpoint-nav: 700px;
  --breakpoint-wide: 1200px;

  --focus-color: var(--ink);
  --focus-width: 2px;
  --focus-offset: 3px;
  --focus-gap-color: var(--paper);

  --state-disabled-opacity: 0.45;
  --state-loading-opacity: 0.65;
  --control-min-block-size: 44px;
  --control-border-width: 1px;
  --control-error-border-width: 2px;

  --motion-fast: 120ms;
  --motion-standard: 200ms;
  --motion-slow: 320ms;
  --motion-system-assemble: 1400ms;
  --motion-system-separate: 650ms;
  --motion-3d-idle-delay: 2200ms;
  --ease-standard: ease;
  --ease-enter: ease-out;
  --ease-exit: ease-in;

  --color-canvas: var(--paper);
  --color-surface: var(--paper);
  --color-text: var(--ink);
  --color-text-muted: var(--sage);
  --color-border: var(--hairline);
  --color-action: var(--ink);
  --color-action-text: var(--paper);
  --color-error: var(--ink);

  /* Legacy route aliases. Phase 5 maps every historical component name back
     to the canonical palette and type family without introducing new values. */
  --ink-soft: var(--sage);
  --paper-warm: var(--paper);
  --rule: var(--hairline);
  --accent: var(--ink);
  --accent-warm: var(--paper);
  --moss: var(--sage);
  --moss-deep: var(--ink);
  --muted: var(--sage);
  --serif: var(--font-sans);
  --sans: var(--font-sans);
  --mono: var(--font-sans);

  --button-radius: var(--radius-sm);
  --button-min-block-size: var(--control-min-block-size);
  --field-radius: var(--radius-sm);
  --field-border: var(--control-border-width) solid var(--sage);
  --field-error-border: var(--control-error-border-width) solid var(--ink);
  --card-radius: var(--radius-none);
  --panel-radius: var(--radius-lg);

  --render-dpr-cap: 2;
  --render-dpr-cap-low-end: 1;
}

[data-theme="dark"] {
  color-scheme: dark;

  --paper: #151515;
  --ink: #EDEDED;
  --sage: #A1A1A1;
  --dot: #303030;
  --hairline: #333333;
}