/* World of Molds Command — refined tokens (Linear / Apple density) */
:root {
  --bg-0: #090b0c;
  --bg-1: #0c0f11;
  --bg-2: #111416;
  --surface: #14181b;
  --surface-raised: #181c1f;
  --hover: rgba(255, 255, 255, 0.035);
  --hover-strong: rgba(255, 255, 255, 0.055);

  --line: rgba(255, 255, 255, 0.06);
  --line-2: rgba(255, 255, 255, 0.09);
  --line-3: rgba(255, 255, 255, 0.14);

  --text: #eceeed;
  --text-2: #a4aaa7;
  --text-3: #787e7b;

  --accent: #e2b57a;
  --accent-2: #f0c894;
  --accent-soft: rgba(226, 181, 122, 0.1);
  --accent-line: rgba(226, 181, 122, 0.22);

  --ok: #6d9a7c;
  --ok-soft: rgba(109, 154, 124, 0.12);
  --warn: #c99a4a;
  --warn-soft: rgba(201, 154, 74, 0.12);
  --bad: #d97878;
  --bad-soft: rgba(217, 120, 120, 0.12);
  --info: #7d93a5;
  --info-soft: rgba(125, 147, 165, 0.12);

  --p1: #d97878;
  --p2: #d99462;
  --p3: #e2b57a;
  --p4: #87908b;
  --p5: #5c6460;

  --r: 6px;
  --r-md: 8px;
  --r-lg: 10px;

  --font: "DM Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --display: "Instrument Serif", Georgia, serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  --nav: 184px;
  --top: 48px;
  --drawer: min(480px, 100vw);
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --t: 120ms;
  --t2: 220ms;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t: 1ms; --t2: 1ms; }
}

/* Legacy aliases used in templates */
:root {
  --bg-0: #090b0c;
  --text-primary: var(--text);
  --text-secondary: var(--text-2);
  --text-muted: var(--text-3);
  --line-soft: var(--line);
  --line-normal: var(--line-2);
  --line-strong: var(--line-3);
  --surface-1: var(--surface);
  --surface-hover: var(--hover-strong);
  --accent-bright: var(--accent-2);
  --accent-muted: var(--accent-soft);
  --accent-border: var(--accent-line);
  --success: var(--ok);
  --success-muted: var(--ok-soft);
  --warning: var(--warn);
  --warning-muted: var(--warn-soft);
  --critical: var(--bad);
  --critical-muted: var(--bad-soft);
  --radius-sm: var(--r);
  --radius: var(--r-md);
  --radius-lg: var(--r-lg);
  --radius-xl: 12px;
  --nav-w: var(--nav);
  --top-h: var(--top);
  --drawer-w: var(--drawer);
  --fast: var(--t);
  --med: var(--t2);
  --shadow-sm: none;
  --shadow-md: 0 16px 40px rgba(0,0,0,0.45);
  --shadow-drawer: -12px 0 40px rgba(0,0,0,0.4);
}