/* ============================================================
   FARO — COLOR TOKENS  ·  "Editorial Coffee"
   Base palette (mode-independent) + semantic aliases that flip
   between Light (Day Shift / Storefront) and Dark (Night Shift).
   ============================================================ */

:root {
  /* ---- Core brand (constant across modes) ---- */
  --cognac: #C87433;        /* The Faro — primary, the "light" */
  --cognac-deep: #A85D26;   /* pressed / darker cognac */
  --cognac-soft: #E8C9AC;   /* tints, fills, focus rings */
  --pine: #4A5D52;          /* Muted Pine — secondary + AI accent */
  --pine-deep: #3A4A41;     /* pressed pine */
  --pine-soft: #C7D2CB;     /* pine tints */

  /* ---- Raw named palette (the "coffee" swatches) ---- */
  --alabaster-cream: #F7F5F0;
  --warm-parchment:  #EFECE5;
  --dark-roast:      #2B2624;
  --macchiato:       #6B635E;
  --latte-froth:     #DED9CF;
  --deep-espresso:   #1A1817;
  --roasted-bean:    #262321;
  --warm-ash:        #9E968F;
  --dark-cocoa:      #3D3835;

  /* ---- Semantic / financial ---- */
  --positive: #4A5D52;      /* gains use the Pine */
  --negative: #B4493A;      /* muted terracotta red, never neon */
  --warning:  #C87433;      /* uses the Cognac */
  /* soft fills for badges / pills / alert surfaces */
  --positive-wash: var(--pine-wash);
  --negative-wash: rgba(180, 73, 58, 0.10);
  --warning-wash:  var(--cognac-wash);

  /* ============ LIGHT MODE (default) ============ */
  --bg:             var(--alabaster-cream);
  --surface:        var(--warm-parchment);
  --surface-raised: #FFFFFF;
  --text-primary:   var(--dark-roast);
  --text-secondary: var(--macchiato);
  --text-tertiary:  #8C847D;   /* timestamps, captions, faint meta */
  --text-disabled:  #B7AFA6;   /* disabled labels & placeholders */
  --text-on-brand:  var(--alabaster-cream);
  --border:         var(--latte-froth);
  --border-strong:  #CBC3B6;
  --overlay:        rgba(26, 24, 23, 0.42);

  /* state fills derived from brand */
  --cognac-wash: rgba(200, 116, 51, 0.10);
  --pine-wash:   rgba(74, 93, 82, 0.10);
}

/* ============ DARK MODE (Night Shift / Warehouse) ============ */
:root[data-theme="dark"] {
  --bg:             var(--deep-espresso);
  --surface:        var(--roasted-bean);
  --surface-raised: #302C29;
  --text-primary:   var(--warm-parchment);
  --text-secondary: var(--warm-ash);
  --text-tertiary:  #7C746D;   /* timestamps, captions, faint meta */
  --text-disabled:  #574F49;   /* disabled labels & placeholders */
  --text-on-brand:  var(--alabaster-cream);
  --border:         var(--dark-cocoa);
  --border-strong:  #4A443F;
  --overlay:        rgba(0, 0, 0, 0.55);

  --cognac-soft: #5C3E22;
  --pine-soft:   #2F3D35;
  --cognac-wash: rgba(200, 116, 51, 0.16);
  --pine-wash:   rgba(124, 148, 134, 0.16);
  --negative: #C25949;
  --negative-wash: rgba(194, 89, 73, 0.18);
}