/* ============================================================
   Coffee & Contracts — Color tokens
   Scales from the official C&C palette poster (01 = lightest).
   ============================================================ */
:root {
  /* ---- Oat Milk (warm neutral / surfaces) ---- */
  --oat-00: #FEFEFC;
  --oat-01: #F9FAF7;
  --oat-015: #F8F8F3;
  --oat-02: #F5F6F1;
  --oat-03: #EFEFE8;
  --oat-04: #DEDDCE;
  --oat-05: #CCCAB9;
  --oat-06: #B9B6A3;
  --oat-07: #9B9884;

  /* ---- Matcha & Sage (primary brand accent) ---- */
  --matcha-00: #F0F1E7;
  --matcha-01: #DFE1C9;
  --matcha-02: #C0C4A0;
  --matcha-03: #AAAE82;
  --matcha-04: #999E66;
  --matcha-bright: #CFD3B8;
  --sage: #9DA66C;
  --matcha-dark: #3F4C00;
  --sage-dark: #3F451E;

  /* ---- Espresso (dark grayish browns) ---- */
  --espresso-01: #F1EEEA;
  --espresso-02: #E0D9D1;
  --espresso-03: #B3A597;
  --espresso-04: #7C6A5A;
  --espresso-05: #5C473A;
  --espresso-06: #46301F;

  /* ---- Black / ink (neutral text + UI) ---- */
  --black-01: #F3F3F3;
  --black-02: #E8E8E8;
  --black-03: #B9B9B9;
  --black-04: #737373;
  --black-05: #454545;
  --black-06: #1C1C1C;

  --white: #FFFFFF;

  /* ---- Muted accents (brand palette poster) ----
     Category coding & emphasis — use sparingly. */
  --caramel: #A86F2A;
  --cinnamon: #AA6013;
  --golden-milk: #B39D2B;
  --honey: #F0CE87;
  --vanilla: #FAF0CF;
  --wheat: #E1DFB7;
  --matcha-foam: #CBD1AF;
  --sage-mist: #95AEA5;
  --hojicha: #575B38;
  --earl-grey: #778293;
  --dusty-blue: #99B3C5;
  --lavender: #DBCBE4;
  --sea-salt: #D8E9FF;
  --blush: #E7CAC5;
  --mulberry: #4D1020;
  --espresso: var(--espresso-06);

  /* ---- Status ---- */
  --success: var(--matcha-04);
  --warning: #FBB231;
  --error: #E26A4A;
  --info: #D5BBA0;

  /* ============================================================
     Semantic aliases — prefer these in components
     ============================================================ */

  /* Ink / text */
  --text-strong:   var(--black-06);   /* headlines, primary copy */
  --text-body:     var(--black-05);   /* body paragraphs */
  --text-muted:    var(--black-04);   /* captions, meta, labels */
  --text-faint:    var(--black-03);   /* disabled, placeholder */
  --text-on-dark:  var(--oat-03);     /* copy on ink/matcha fills */

  /* Surfaces */
  --surface-page:    var(--oat-02);   /* default cream page bg */
  --surface-raised:  var(--oat-03);   /* sections set off the page */
  --surface-card:    var(--white);    /* cards, panels, inputs */
  --surface-ink:     var(--black-06); /* dark sections, dark cards */
  --surface-matcha:  var(--matcha-04);/* matcha feature blocks */
  --surface-matcha-soft: var(--matcha-bright);
  --surface-espresso: var(--espresso-06); /* dark warm sections */
  --surface-sage: var(--matcha-foam);   /* soft sage feature blocks */
  --surface-sage-soft: var(--matcha-00);

  /* Borders / lines */
  --border-subtle: var(--oat-04);     /* hairlines on cream */
  --border-default: var(--black-03);  /* outline pills, inputs */
  --border-strong: var(--black-06);   /* high-contrast outline */

  /* Brand accents */
  --accent:        var(--matcha-04);
  --accent-soft:   var(--matcha-bright);
  --accent-2:      var(--matcha-foam);

  /* Interaction */
  --focus-ring: var(--matcha-04);
}