/* tokens.css — Editorial Redesign 2026
 * Load BEFORE style.editorial-2026.css, AFTER the existing 3 stylesheets.
 * This file extends the existing palette with editorial-grade refinements
 * without breaking the legacy custom-property names.
 */

:root {
  /* ─── existing tokens, refined ─────────────────────────────── */
  --color-ink:         #14110d;   /* was #101c10 — deeper, more print-ink */
  --color-cream:       #faf6ee;   /* was #faf9f6 — warmer paper-white */
  --color-paper:       #ffffff;
  --color-bark:        #8c5d33;
  --color-moss:        #2d6a3e;   /* was #00a45b — AA contrast on cream */
  --color-clay:        #d9461e;   /* was #f05a28 — less saturated, more print-red */
  --color-fog:         #a3a6a1;

  /* ─── new editorial tokens ─────────────────────────────────── */
  --color-ink-2:       #2a251e;
  --color-ink-dim:     #5a544a;
  --color-ink-soft:    #8c8579;
  --color-cream-2:     #f4ede0;
  --color-rule:        #e6dfd0;
  --color-rule-strong: #c9bfa9;
  --color-clay-deep:   #a13314;
  --color-moss-deep:   #1a3f24;
  --color-bark-deep:   #5e3d1f;
  --color-forest:      #0f1a12;
  --color-gold:        #b48a3a;
  --color-gold-soft:   #fbe9b8;

  /* ─── typography ───────────────────────────────────────────── */
  --font-display: "Fraunces", "Playfair Display", "Times New Roman", serif;
  --font-body:    "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "DM Mono", monospace;

  /* ─── layout ───────────────────────────────────────────────── */
  --container-max:    1320px;
  --container-narrow:  760px;
  --pad-x:    clamp(20px, 4vw, 56px);
  --pad-section: clamp(48px, 7vw, 120px);
  --gap: 28px;

  /* ─── shadows ──────────────────────────────────────────────── */
  --shadow:    0 1px 0 rgba(20,17,13,.04), 0 6px 18px -8px rgba(20,17,13,.18);
  --shadow-lg: 0 30px 60px -20px rgba(20,17,13,.25);
}

[data-theme="dark"] {
  --color-ink:         #f5efe4;
  --color-ink-2:       #ded6c7;
  --color-ink-dim:     #aaa18f;
  --color-ink-soft:    #807968;
  --color-cream:       #14110d;
  --color-cream-2:     #1d1913;
  --color-paper:       #1a1612;
  --color-rule:        #2a251e;
  --color-rule-strong: #3a342a;
  --shadow:    0 1px 0 rgba(0,0,0,.6), 0 6px 18px -8px rgba(0,0,0,.6);
  --shadow-lg: 0 30px 60px -20px rgba(0,0,0,.7);
}