/* EIGHT12 Design Tokens — Three-Colour Brand System */
/* Plaster (dominant) · Charcoal (blacks) · Olive (brand/accent) */

:root {
  /* ── CORE THREE COLOURS ── */
  --plaster:     #F8F4EC;   /* dominant background / light text */
  --charcoal:    #36393A;   /* all blacks */
  --olive:       #747C70;   /* brand colour / accent */

  /* ── TINTS (derived, not new colours) ── */
  --plaster-dk:  #F0EBE0;   /* slightly deeper plaster for tinted sections */
  --olive-tint:  #A0A088;   /* lighter olive for secondary text / muted elements */
  --olive-deep:  #5A5F55;   /* deeper olive for hover states */

  /* ── SEMANTIC ALIASES ── */
  --bg:          #F8F4EC;   /* page background */
  --bg-2:        #F0EBE0;   /* tinted section background */
  --text:        #36393A;   /* primary text */
  --text-2:      #747C70;   /* secondary text */
  --text-3:      #A0A088;   /* muted / placeholder text */
  --border:      rgba(116,124,112,0.18);

  /* ── ACCENT (was terra, now olive) ── */
  --accent:      #747C70;   /* replaces #C37A67 everywhere */
  --accent-h:    #5A5F55;   /* hover state for accent */

  /* ── TYPOGRAPHY ── */
  
  --font-b: 'Raleway';

  /* ── LAYOUT ── */
  --nav-h: 88px;
  --ease:  cubic-bezier(0.25, 0.46, 0.45, 0.94);
}