/* brand-tokens.css */
/* Revetti & Company — INK / BONE / SIGNAL palette per Revetti_Design_Brief.md */
/* Canonical names: INK #0E1A1E · BONE #EDEFEA · SIGNAL #15706B · SIGNAL-DEEP #0A4A45 */

:root {
  /* Primitive tokens (canonical) */
  --ink:          #0E1A1E;   /* primary dark — cool near-black with teal undertone */
  --bone:         #EDEFEA;   /* page background — cool off-white, slight green-neutral */
  --signal:       #15706B;   /* accent — teal-green, NOT for small text */
  --signal-deep:  #0A4A45;   /* text-safe signal — small labels, eyebrows (7:1 on BONE) */
  --graphite:     #283238;   /* secondary text */
  --stone:        #73797E;   /* tertiary text, metadata */
  --ash:          #CDD2CE;   /* borders, dividers */

  /* Semantic aliases — used throughout all HTML pages */
  --color-slate:        var(--ink);
  --color-linen:        var(--bone);
  --color-pine:         var(--signal);
  --color-charcoal:     var(--graphite);
  --color-slate-stone:  var(--stone);
  --color-mist:         var(--ash);
}

[data-theme="dark"] {
  --color-slate:        var(--bone);
  --color-linen:        var(--ink);
  --color-pine:         #1A9088;   /* SIGNAL lightened for dark surfaces */
  --color-charcoal:     #B0B8BC;
  --color-slate-stone:  #8A9096;
  --color-mist:         #2A3238;
}