/* NoMind — design tokens */
:root {
  /* Direction 1 — Zen Systems (default) */
  --bg: oklch(0.968 0.008 85);           /* warm paper */
  --bg-2: oklch(0.945 0.010 85);
  --ink: oklch(0.20 0.012 255);          /* deep ink */
  --ink-2: oklch(0.38 0.010 255);
  --ink-3: oklch(0.58 0.008 255);
  --rule: oklch(0.20 0.012 255 / 0.12);
  --rule-soft: oklch(0.20 0.012 255 / 0.06);
  --accent: oklch(0.58 0.075 165);       /* jade */
  --accent-ink: oklch(0.32 0.055 165);
  --accent-wash: oklch(0.58 0.075 165 / 0.08);
  --paper-tint: oklch(0.98 0.012 85);

  --ff-display: 'Newsreader', 'Times New Roman', serif;
  --ff-sans: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  --ff-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --fs-display: clamp(48px, 7.2vw, 112px);
  --fs-h1: clamp(36px, 4.2vw, 64px);
  --fs-h2: clamp(28px, 2.8vw, 44px);
  --fs-lead: clamp(18px, 1.3vw, 22px);
  --fs-body: 16px;
  --fs-label: 11px;

  --step: 8px;
  --gutter: clamp(20px, 3vw, 48px);
  --density: 1;

  --ease: cubic-bezier(.2,.6,.2,1);
}

/* Art directions */
[data-dir="d2"] {
  /* Executive Futurism */
  --bg: oklch(0.16 0.012 260);
  --bg-2: oklch(0.19 0.012 260);
  --ink: oklch(0.96 0.008 250);
  --ink-2: oklch(0.78 0.010 250);
  --ink-3: oklch(0.58 0.012 250);
  --rule: oklch(0.96 0.008 250 / 0.14);
  --rule-soft: oklch(0.96 0.008 250 / 0.06);
  --accent: oklch(0.72 0.11 250);        /* steel indigo */
  --accent-ink: oklch(0.82 0.09 250);
  --accent-wash: oklch(0.72 0.11 250 / 0.12);
  --paper-tint: oklch(0.20 0.014 260);
}
[data-dir="d3"] {
  /* Living Intelligence */
  --bg: oklch(0.955 0.014 70);
  --bg-2: oklch(0.93 0.018 70);
  --ink: oklch(0.22 0.02 280);
  --ink-2: oklch(0.42 0.02 280);
  --ink-3: oklch(0.60 0.02 280);
  --rule: oklch(0.22 0.02 280 / 0.12);
  --rule-soft: oklch(0.22 0.02 280 / 0.06);
  --accent: oklch(0.66 0.13 310);        /* orchid */
  --accent-ink: oklch(0.42 0.10 310);
  --accent-wash: oklch(0.66 0.13 310 / 0.10);
  --paper-tint: oklch(0.97 0.02 70);
}

/* Dark override applied on top of D1/D3 */
[data-theme="dark"][data-dir="d1"] {
  --bg: oklch(0.16 0.008 90);
  --bg-2: oklch(0.19 0.008 90);
  --ink: oklch(0.96 0.008 85);
  --ink-2: oklch(0.78 0.008 85);
  --ink-3: oklch(0.56 0.008 85);
  --rule: oklch(0.96 0.008 85 / 0.14);
  --rule-soft: oklch(0.96 0.008 85 / 0.06);
  --accent: oklch(0.74 0.09 165);
  --accent-ink: oklch(0.82 0.08 165);
  --accent-wash: oklch(0.74 0.09 165 / 0.12);
  --paper-tint: oklch(0.19 0.010 90);
}
[data-theme="dark"][data-dir="d3"] {
  --bg: oklch(0.17 0.015 290);
  --bg-2: oklch(0.20 0.018 290);
  --ink: oklch(0.96 0.010 300);
  --ink-2: oklch(0.78 0.012 300);
  --ink-3: oklch(0.58 0.015 300);
  --rule: oklch(0.96 0.010 300 / 0.14);
  --rule-soft: oklch(0.96 0.010 300 / 0.06);
  --accent: oklch(0.76 0.14 310);
  --accent-ink: oklch(0.86 0.12 310);
  --accent-wash: oklch(0.76 0.14 310 / 0.12);
  --paper-tint: oklch(0.21 0.020 290);
}
[data-theme="light"][data-dir="d2"] {
  --bg: oklch(0.96 0.006 250);
  --bg-2: oklch(0.93 0.008 250);
  --ink: oklch(0.20 0.012 260);
  --ink-2: oklch(0.40 0.012 260);
  --ink-3: oklch(0.58 0.010 260);
  --rule: oklch(0.20 0.012 260 / 0.14);
  --rule-soft: oklch(0.20 0.012 260 / 0.06);
  --accent: oklch(0.48 0.12 260);
  --accent-ink: oklch(0.36 0.10 260);
  --accent-wash: oklch(0.48 0.12 260 / 0.10);
  --paper-tint: oklch(0.98 0.008 250);
}

/* Accent overrides */
[data-accent="jade"]    { --accent: oklch(0.58 0.075 165); --accent-ink: oklch(0.32 0.055 165); --accent-wash: oklch(0.58 0.075 165 / 0.10); }
[data-accent="indigo"]  { --accent: oklch(0.55 0.12 265);  --accent-ink: oklch(0.40 0.10 265);  --accent-wash: oklch(0.55 0.12 265 / 0.10); }
[data-accent="ember"]   { --accent: oklch(0.64 0.14 45);   --accent-ink: oklch(0.44 0.11 45);   --accent-wash: oklch(0.64 0.14 45 / 0.10); }
[data-accent="orchid"]  { --accent: oklch(0.62 0.14 320);  --accent-ink: oklch(0.42 0.11 320);  --accent-wash: oklch(0.62 0.14 320 / 0.10); }
[data-accent="bone"]    { --accent: oklch(0.70 0.02 85);   --accent-ink: oklch(0.40 0.02 85);   --accent-wash: oklch(0.70 0.02 85 / 0.12); }

[data-theme="dark"][data-accent="jade"]   { --accent: oklch(0.74 0.09 165); --accent-ink: oklch(0.84 0.08 165); }
[data-theme="dark"][data-accent="indigo"] { --accent: oklch(0.76 0.10 265); --accent-ink: oklch(0.86 0.09 265); }
[data-theme="dark"][data-accent="ember"]  { --accent: oklch(0.78 0.12 45);  --accent-ink: oklch(0.88 0.10 45); }
[data-theme="dark"][data-accent="orchid"] { --accent: oklch(0.78 0.13 320); --accent-ink: oklch(0.88 0.11 320); }
[data-theme="dark"][data-accent="bone"]   { --accent: oklch(0.84 0.02 85);  --accent-ink: oklch(0.92 0.02 85); }

/* Type pairing overrides */
[data-type="editorial"] { --ff-display: 'Newsreader', serif; --ff-sans: 'IBM Plex Sans', sans-serif; --ff-mono: 'IBM Plex Mono', monospace; }
[data-type="architectural"] { --ff-display: 'Space Grotesk', sans-serif; --ff-sans: 'Space Grotesk', sans-serif; --ff-mono: 'JetBrains Mono', monospace; }
[data-type="mono-accent"] { --ff-display: 'Instrument Serif', serif; --ff-sans: 'IBM Plex Sans', sans-serif; --ff-mono: 'JetBrains Mono', monospace; }
[data-type="manifesto"] { --ff-display: 'Fraunces', serif; --ff-sans: 'IBM Plex Sans', sans-serif; --ff-mono: 'IBM Plex Mono', monospace; }

/* Density */
[data-density="tight"]   { --gutter: clamp(16px, 2vw, 32px); --density: 0.85; }
[data-density="default"] { --gutter: clamp(20px, 3vw, 48px); --density: 1; }
[data-density="airy"]    { --gutter: clamp(28px, 4vw, 72px); --density: 1.2; }

html, body { background: var(--bg); color: var(--ink); font-family: var(--ff-sans); }