/* ── Garden Swap — Color Tokens (Potting Shed rebrand) ───────
   A warm, earthen palette: kraft-paper creams, deep pine and fern
   greens, terracotta clay, and honey. Replaces the original flat
   web-greens with something tactile and considered.

   Two layers:
   1. PRIMITIVES — the raw, named hues (--pine-700, --clay-600…).
   2. SEMANTIC + LEGACY ALIASES — role names and the original token
      names, re-pointed at the new palette so everything re-skins.
   ──────────────────────────────────────────────────────────── */

:root {
    /* ── Paper & ink (warm neutrals) ───────────────────────── */
    --paper:        #F4EDDF;   /* page background — kraft cream    */
    --paper-raised: #FBF6EC;   /* sunken rows / raised tints       */
    --card:         #FFFDF8;   /* card surface — warm white        */
    --ink:          #20251D;   /* text — warm near-black           */
    --ink-soft:     #5C6151;   /* muted text                       */
    --ink-faint:    #8C8E7C;   /* faint captions                   */
    --line:         #E6DCC8;   /* warm hairline                    */
    --line-strong:  #D8CCB3;   /* input borders                    */

    /* ── Greens (pine → fern → sage → mint) ────────────────── */
    --pine-900:  #12301D;
    --pine-700:  #1A4226;   /* deep chrome, headings on light    */
    --fern-600:  #285C39;   /* PRIMARY action                    */
    --fern-500:  #347046;
    --fern-400:  #4C8A5C;   /* focus, hover edges                */
    --sage-300:  #A6B898;   /* muted accents, dividers           */
    --mint-200:  #CBDDBA;   /* my-message bubbles                */
    --mint-100:  #E7EFDC;   /* swap tints, wish items            */

    /* ── Clay / terracotta (warm accent — gifts, CTAs) ─────── */
    --clay-700:  #9F4A2B;
    --clay-600:  #B85C38;   /* ACCENT                            */
    --clay-500:  #CA7A4E;
    --clay-200:  #ECD2C0;
    --clay-100:  #F4E5D9;

    /* ── Honey / marigold (ratings, premium, highlight) ────── */
    --honey-600: #C2871C;
    --honey-500: #DEA431;
    --honey-200: #F1DEAE;
    --honey-100: #F8EDD3;

    /* ── Plum (rarity) & denim (steward / info) ────────────── */
    --plum-500:  #7B5A86;
    --plum-100:  #ECE1F0;
    --denim-700: #234E5B;
    --denim-600: #2E5E6E;
    --denim-100: #D7E5E9;

    /* ── Tomato (danger / decline) ─────────────────────────── */
    --tomato-600: #BF4A30;
    --tomato-100: #F6DDD4;

    /* ── Swap-state lifecycle ──────────────────────────────── */
    --state-pending-fill:   var(--honey-100); --state-pending-text:   #8A6410;
    --state-accepted-fill:  var(--mint-100);  --state-accepted-text:  var(--pine-700);
    --state-completed-fill: #DCEBCF;          --state-completed-text: #245C2E;
    --state-declined-fill:  var(--clay-100);  --state-declined-text:  var(--clay-700);

    /* ── Semantic roles (prefer these in new components) ───── */
    --color-primary:       var(--fern-600);
    --color-primary-hover: var(--pine-700);
    --color-primary-tint:  var(--mint-100);
    --color-accent:        var(--clay-600);
    --color-accent-tint:   var(--clay-100);
    --color-danger:        var(--tomato-600);
    --color-highlight:     var(--honey-500);

    --surface-page:    var(--paper);
    --surface-card:    var(--card);
    --surface-chrome:  var(--pine-900);
    --surface-sunken:  var(--paper-raised);

    --text-body:    var(--ink);
    --text-subtle:  var(--ink-soft);
    --text-faint:   var(--ink-faint);
    --text-on-dark: #F4EDDF;
    --text-on-primary: #FBF6EC;

    --focus-ring: var(--fern-400);
    --hairline:   var(--line);

    /* Badge role tints */
    --badge-swap-fill: var(--mint-100);  --badge-swap-text: var(--pine-700);
    --badge-free-fill: var(--clay-100);  --badge-free-text: var(--clay-700);

    /* ── LEGACY ALIASES (original token names → new palette) ─ */
    --green-dark:  var(--pine-700);
    --green-mid:   var(--fern-600);
    --green-light: var(--fern-400);
    --green-pale:  var(--mint-200);
    --green-faint: var(--mint-100);
    --blue-tag:    var(--denim-600);
    --blue-light:  var(--denim-100);
    --blue-steward:      var(--denim-600);
    --blue-steward-fill: var(--denim-100);
    --blue-steward-text: var(--denim-700);
    --orange-warn: var(--tomato-600);
    --amber-star:  var(--honey-500);
    --amber-fill:  var(--honey-100);
    --amber-text:  #8A6410;
    --yellow-ad-1: #FBF3DD;
    --yellow-ad-2: #F5E6C2;
    --yellow-ad-border: var(--honey-200);
    --yellow-ad-label:  var(--honey-600);
    --rarity-fill: var(--plum-100);
    --rarity-text: var(--plum-500);
    --bg:           var(--paper);
    --card-bg:      var(--card);
    --surface-sunk: var(--paper-raised);
    --text:         var(--ink);
    --text-muted:   var(--ink-soft);
    --border:       var(--line);
    --border-input: var(--line-strong);
    --notif-dot:    var(--tomato-600);

    /* ── Bloom palette ──────────────────────────────────────── */
    --bloom-green:        #2E7D52;
    --bloom-cream:        #FFFBF5;
    --bloom-orange:       #DD7A2E;
    --bloom-yellow:       #E9B949;
    --bloom-light-yellow: #FBE6B0;
    --bloom-dark-text:    #23302a;
    --bloom-soft-text:    #46544a;
    --bloom-border:       #E7DFC8;
}