/* ============================================================
   Starbucks Brand — Color
   Core palette balance: 50% Starbucks Green · 30% Milk White ·
   15% Creamer · 5% Black Coffee. Green is always emphasized.
   ============================================================ */

:root {
  /* ---------- Primary palette ---------- */
  --sb-green: #006242;          /* Starbucks Green — PMS 3425 C, the anchor */
  --sb-milk-white: #ffffff;     /* Milk White — lightness, confidence, joy */
  --sb-creamer: #e8dcc8;        /* Creamer — warm neutral, supporting flood */
  --sb-black-coffee: #1a1714;   /* Black Coffee — near-black, used at ~5% */

  /* Deeper brand greens (heritage / floods) */
  --sb-coffee-farm: #1e4536;    /* deepest green, rich grounds */
  --sb-house-green: #00482f;    /* pressed / hover-dark green */

  /* Digital green tint & shade scale (screens, fills, hovers) */
  --sb-green-900: #00301f;
  --sb-green-800: #00482f;
  --sb-green-700: #006242;   /* = Starbucks Green */
  --sb-green-600: #1c7351;
  --sb-green-500: #3c8a6a;
  --sb-green-400: #6aa98e;
  --sb-green-300: #9bc6b3;
  --sb-green-200: #c8e1d6;
  --sb-green-100: #e3f0ea;
  --sb-green-50:  #f1f7f4;

  /* ---------- Extended palette ----------
     Selective use: seasonal accents, flavor/ingredient cues, illustration. */

  /* Blues */
  --sb-blueberry: #1a3a5e;
  --sb-winter-blend: #245184;
  --sb-cold-cup: #659edd;
  --sb-extra-ice: #bee3fe;
  --sb-seattle-rain: #144147;
  --sb-puget-sound: #1c5d65;
  --sb-summer-berry: #5ab1ba;
  --sb-summer-skies: #c1f0f3;

  /* Greens */
  --sb-springtime: #4ebc98;
  --sb-peppermint: #bbefde;
  --sb-pepita: #124716;
  --sb-rosemary: #28712d;
  --sb-seafoam: #85c98a;
  --sb-melon: #c8eecb;

  /* Olives / chartreuse */
  --sb-avocado-rind: #364a0d;
  --sb-basil-pesto: #70812b;
  --sb-matcha: #a8c75a;
  --sb-pistachio: #d9eda5;

  /* Golds / yellows */
  --sb-falafel: #937908;
  --sb-burlap: #c6a741;
  --sb-lemon-loaf: #ffd64e;
  --sb-lemonade: #fff2a6;

  /* Caramels / oranges */
  --sb-pecan-crunch: #955a08;
  --sb-caramel-ribbon: #cf7e0b;
  --sb-honey: #f6b545;
  --sb-vanilla-bean: #ffe395;
  --sb-cinnamon: #9c4900;
  --sb-psl: #d46300;
  --sb-orange-zest: #ff983d;
  --sb-peach-tea: #ffd495;

  /* Reds */
  --sb-cranberry-bliss: #8d2222;
  --sb-apple-crisp: #bb2c13;
  --sb-strawberry-acai: #f54526;
  --sb-cake-pop: #ffbfb3;

  /* Berry / pink */
  --sb-blackberry-sage: #6f1b3d;
  --sb-sugarplum: #9f3352;
  --sb-strawberry-creme: #f374a7;
  --sb-pink-drink: #ffcbe0;

  /* Purples */
  --sb-dark-roast: #642860;
  --sb-dragon-drink: #af539c;
  --sb-hibiscus: #ef8cdc;
  --sb-raspberry-cream: #ffcdf5;
  --sb-purple-chair: #523177;
  --sb-ube: #8958b4;
  --sb-lavender-cream: #bd8ce2;
  --sb-london-fog: #e7d6ff;

  /* Coffee browns */
  --sb-espresso: #47250e;
  --sb-americano: #603214;
  --sb-mocha: #8e522d;
  --sb-cortado: #b47748;
  --sb-caffe-misto: #e3b793;
  --sb-flat-white: #eddac8;

  /* Neutrals / metallics */
  --sb-bonus-star: #cba052;
  --sb-overcast: #cecdcc;

  /* ---------- Semantic aliases ---------- */
  /* Surfaces */
  --surface-page: var(--sb-milk-white);
  --surface-cream: #f7f1e7;          /* soft warm page wash */
  --surface-card: var(--sb-milk-white);
  --surface-green: var(--sb-green);  /* green flood surface */
  --surface-green-deep: var(--sb-coffee-farm);
  --surface-inverse: var(--sb-black-coffee);

  /* Text */
  --text-strong: var(--sb-black-coffee);
  --text-body: #2c2a27;
  --text-muted: #6b6760;
  --text-on-green: var(--sb-milk-white);
  --text-on-dark: var(--sb-milk-white);
  --text-brand: var(--sb-green);

  /* Lines & borders */
  --border-subtle: #e6ded2;
  --border-default: #d8cdba;
  --border-strong: var(--sb-black-coffee);
  --border-on-green: rgba(255, 255, 255, 0.32);

  /* Interactive */
  --action-primary: var(--sb-green);
  --action-primary-hover: var(--sb-house-green);
  --action-primary-press: var(--sb-coffee-farm);
  --action-on-primary: var(--sb-milk-white);

  /* Status / feedback */
  --status-success: var(--sb-rosemary);
  --status-info: var(--sb-winter-blend);
  --status-warning: var(--sb-caramel-ribbon);
  --status-error: var(--sb-apple-crisp);

  /* Focus ring */
  --focus-ring: var(--sb-green);
}