/* ============================================================
   EACBL · COLORS
   Palette sampled directly from the brand mark — the tree whose
   leaves turn across the seasons: leaf-green → olive → gold →
   amber → terracotta, rooted in a warm charcoal-bark trunk.
   Warm, grounded, purposeful.
   ============================================================ */
:root {
  /* ---- Brand seasons (the leaf spectrum) ------------------ */
  --leaf-bright: #90c030;   /* fresh growth — decorative only   */
  --leaf:        #6f9c28;   /* primary green, AA-safe on cream  */
  --leaf-deep:   #557a1d;
  --olive:       #5e7e2e;
  --gold:        #d6ad12;
  --gold-deep:   #b08c0e;
  --amber:       #e0810f;   /* signature warm — the trunk's glow*/
  --amber-deep:  #c06a0a;
  --clay:        #c4521f;   /* orange-red bridge                */
  --terracotta:  #bb2f12;   /* deepest leaf — the bold accent   */
  --terracotta-deep: #9c2710;

  /* ---- Bark / warm ink ramp ------------------------------- */
  --bark-900: #2b2528;      /* primary ink                      */
  --bark-800: #3a3236;
  --bark-700: #4f4350;      /* the trunk grey-mauve             */
  --bark-600: #635760;
  --bark-500: #837567;      /* muted warm grey-brown            */
  --bark-400: #a99c8d;
  --bark-300: #c9bdac;
  --bark-200: #e2d7c6;
  --bark-100: #efe6d6;

  /* ---- Warm neutral surfaces (cream / sand) --------------- */
  --paper:       #faf5ec;   /* app canvas — warm cream          */
  --paper-deep:  #f3ebdc;   /* recessed sections                */
  --sand:        #f0e7d7;   /* subtle fill                      */
  --card:        #ffffff;   /* raised surface                   */
  --card-tint:   #fffdf8;   /* faintly warm white               */
  --border:      #e7ddce;   /* hairline on cream                */
  --border-strong:#d6c9b5;
  --overlay:     rgba(43, 37, 40, 0.46);

  /* ---- Tints (soft backgrounds for badges / banners) ------ */
  --leaf-tint:       #eef4e0;
  --gold-tint:       #f8eecb;
  --amber-tint:      #fbe9d2;
  --terracotta-tint: #f7e0d8;
  --info:            #3a6b8c;   /* calm sky (spear-tip blue)    */
  --info-tint:       #e2edf3;

  /* ============================================================
     SEMANTIC ALIASES — reach for these in product work
     ============================================================ */
  /* Text */
  --text-strong:   var(--bark-900);
  --text-body:     var(--bark-800);
  --text-muted:    var(--bark-500);
  --text-faint:    var(--bark-400);
  --text-on-brand: #ffffff;
  --text-on-cream: var(--bark-900);
  --text-link:     var(--clay);

  /* Surfaces */
  --surface-canvas:  var(--paper);
  --surface-sunken:  var(--paper-deep);
  --surface-card:    var(--card);
  --surface-raised:  var(--card-tint);
  --surface-inset:   var(--sand);
  --surface-ink:     var(--bark-900);   /* dark sections        */

  /* Borders */
  --border-subtle:  var(--border);
  --border-default: var(--border-strong);
  --border-focus:   var(--amber);

  /* Primary action — grounded clay/terracotta (white text safe) */
  --primary:        var(--clay);
  --primary-hover:  #ad461a;
  --primary-active: #973c15;
  --primary-tint:   var(--terracotta-tint);
  --on-primary:     #ffffff;

  /* Secondary — leaf / growth */
  --secondary:        var(--leaf);
  --secondary-hover:  var(--leaf-deep);
  --secondary-tint:   var(--leaf-tint);
  --on-secondary:     #ffffff;

  /* Feedback */
  --success:       var(--leaf-deep);
  --success-tint:  var(--leaf-tint);
  --warning:       var(--gold-deep);
  --warning-tint:  var(--gold-tint);
  --danger:        var(--terracotta);
  --danger-tint:   var(--terracotta-tint);
  --accent:        var(--amber);
  --accent-tint:   var(--amber-tint);

  /* Focus ring */
  --ring: 0 0 0 3px rgba(224, 129, 15, 0.32);
}