/* ============================================================
   The Study — shared design tokens  (Refined Bronze)
   Single source of truth for colour, type and spacing.
   Link this in every module: <link rel="stylesheet" href="/styles/tokens.css">
   Legacy aliases at the bottom keep existing module CSS working.
   ============================================================ */
:root {
  /* ── Surfaces ── */
  --surface:    #FDFCFA;   /* near-white — page + cards */
  --surface-2:  #F3EDE3;   /* warm secondary fill (inputs, tiles, bands) */
  --paper:      #EAE1D2;   /* deeper warm panel */

  /* ── Ink & text ── */
  --ink:        #241F1B;   /* near-black warm — dark bars + primary text */
  --secondary:  #675E55;   /* AA-legible secondary text on light */
  --muted:      #AC9F8E;   /* muted text on the dark bars */

  /* ── Accent: Refined Bronze ── */
  --accent:     #9A6F3F;   /* primary actions, active states, links, brand */
  --accent-hi:  #B98A52;   /* hover / brighter accent */
  --accent-on:  #FFFFFF;   /* text on an accent fill */
  --accent-soft:#F0E7D8;   /* faint accent wash (selected rows, chips) */

  /* ── Lines ── */
  --border:     #DBD1BE;   /* crisper card / field edges */
  --rule:       #C6BAA3;   /* section rules */

  /* ── Semantic ── */
  --sage:       #6E8270;
  --danger:     #8A3A3A;

  /* ── Type ── */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-text:    'Crimson Pro', Georgia, serif;

  /* ── Spacing (4 / 8 rhythm) ── */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;
  --radius: 2px;

  /* ── Legacy aliases → map old module variable names onto the new palette ── */
  --warm-white: var(--surface);
  --cream:      var(--surface-2);
  --parchment:  var(--paper);
  --tan:        var(--accent);
  --tan-light:  var(--accent-hi);
  --mid:        var(--secondary);
  --light:      var(--muted);
  --red:        var(--danger);
}