/* ── Colors ──────────────────────────────────────────────────────────────
   Claude's near-achromatic letterpress palette. Ink on ivory; a single
   dusty-blue accent is the only chromatic break.
   ──────────────────────────────────────────────────────────────────────── */

:root {
  /* Base palette */
  --color-ivory-canvas:   #faf9f5; /* page background */
  --color-pure-white:     #ffffff; /* card / input surfaces */
  --color-warm-parchment: #f0eee6; /* toggle tracks, hover washes */
  --color-ink-black:      #141413; /* primary text, dark fills */
  --color-charcoal:       #1f1e1d; /* secondary text, primary button fill */
  --color-warm-slate:     #3d3d3a; /* tertiary text, button labels */
  --color-stone-gray:     #73726c; /* helper text, captions */
  --color-pewter:         #9c9a92; /* subtle icons, low-emphasis strokes */
  --color-linen-border:   #dedcd1; /* hairline borders, dividers */
  --color-cool-stone:     #b7b7b5; /* nav-level interactive borders only */
  --color-dust-blue:      #ccdbe8; /* sole chromatic accent */
  --color-clay:           #cc785c; /* brand logo mark warmth (logo/favicon only) */

  /* ── Semantic aliases ── */
  /* Text */
  --text-primary:    var(--color-ink-black);
  --text-secondary:  var(--color-charcoal);
  --text-tertiary:   var(--color-warm-slate);
  --text-muted:      var(--color-stone-gray);
  --text-faint:      var(--color-pewter);
  --text-on-dark:    var(--color-pure-white);
  --text-link:       var(--color-charcoal);

  /* Surfaces */
  --surface-canvas:    var(--color-ivory-canvas);
  --surface-card:      var(--color-pure-white);
  --surface-parchment: var(--color-warm-parchment);
  --surface-inverted:  var(--color-charcoal);

  /* Borders */
  --border-hairline:    var(--color-linen-border);
  --border-interactive: var(--color-cool-stone);
  --border-focus:       var(--color-charcoal);

  /* Accent */
  --accent:        var(--color-dust-blue);
  --accent-text:   var(--color-charcoal);
}