/* ============================================================
   MYKIN · COLOR SYSTEM
   Master brand is monochrome + warm neutrals. Each product
   ecosystem carries its own accent territory while staying
   unmistakably MYKIN. Apply a territory with [data-theme="…"].
   ============================================================ */

:root {
  /* ---- Ink / core neutrals (warm-tinted, never pure black) ---- */
  --ink:        #1f2329;   /* primary text, spore-print mark */
  --ink-soft:   #2b3038;   /* logo slate */
  --black:      #14161a;   /* deep sections, footers */

  /* ---- Warm stone scale (paper → near-black) ---- */
  --stone-50:   #faf8f3;   /* page paper, warm off-white */
  --stone-100:  #f3efe7;
  --stone-150:  #ece7dd;
  --stone-200:  #e6dfd2;
  --stone-300:  #d4ccbd;
  --stone-400:  #b4aa96;
  --stone-500:  #8c8472;
  --stone-600:  #6a6356;
  --stone-700:  #4c473f;
  --stone-800:  #2f2c27;
  --stone-900:  #1c1a16;
  --white:      #ffffff;

  /* ---- Master brand spore / hero accent ---- */
  --pistachio:        #e4e8ae;  /* signature hero wash */
  --pistachio-soft:   #eef0cf;
  --pistachio-deep:   #c9ce8c;

  /* ============================================================
     PRODUCT TERRITORIES (base hues)
     ============================================================ */

  /* HEALTH — sage · cool turquoise · mineral blue (science 9/10) */
  --health-teal:       #338e8f;
  --health-teal-deep:  #266a6b;
  --health-mint:       #72c6ac;
  --health-sage:       #8fae9b;
  --health-blue:       #4a7c94;  /* mineral blue */
  --health-teal-soft:  #d9e8e5;
  --health-mint-soft:  #e2f0e9;

  /* BODY & MIND — warm sand · soft stone · light clay (science 6/10) */
  --bm-sand:           #efcbad;
  --bm-clay:           #d9a98a;
  --bm-stone:          #c9bfae;
  --bm-warm:           #b89a7e;
  --bm-sand-soft:      #f7e6d8;
  --bm-stone-soft:     #ebe5da;

  /* MANA — cinnamon · warm amber · sunlit sand (science 3/10) */
  --mana-amber:        #f6b65e;
  --mana-cinnamon:     #d97a4e;
  --mana-coral:        #f17454;
  --mana-sun:          #f4d58a;
  --mana-earth:        #a9603c;
  --mana-amber-soft:   #fbe6c4;
  --mana-coral-soft:   #fad9cd;

  /* KNOW — editorial monochrome (uses ink + stone, no chroma) */
  --know-rule:         var(--stone-300);
  --know-accent:       var(--ink);

  /* ============================================================
     FUNCTIONAL / STATE
     ============================================================ */
  --success:   #3f9f7a;
  --warning:   #e0a23b;
  --danger:    #d9573a;
  --info:      #4a7c94;
  --rating:    #338e8f;   /* product star fill (teal, per HEALTH pages) */

  /* ============================================================
     SEMANTIC ALIASES (default = master / monochrome)
     Theme scopes below re-point --accent-* per territory.
     ============================================================ */
  --text-primary:    var(--ink);
  --text-secondary:  var(--stone-600);
  --text-muted:      var(--stone-500);
  --text-inverse:    var(--stone-50);
  --text-on-accent:  var(--white);

  --surface-page:    var(--stone-50);
  --surface-card:    var(--white);
  --surface-raised:  var(--white);
  --surface-sunken:  var(--stone-100);
  --surface-inverse: var(--black);
  --surface-wash:    var(--pistachio);  /* signature section wash */

  --border-subtle:   var(--stone-150);
  --border-default:  var(--stone-300);
  --border-strong:   var(--ink);

  --accent:          var(--ink);
  --accent-contrast: var(--white);
  --accent-soft:     var(--stone-100);
  --on-wash:         var(--ink);
}

/* ===== Territory themes ===== */
[data-theme="health"] {
  --accent:          var(--health-teal);
  --accent-contrast: var(--white);
  --accent-soft:     var(--health-teal-soft);
  --surface-wash:    var(--health-teal-soft);
  --rating:          var(--health-teal);
  --on-wash:         var(--health-teal-deep);
}
[data-theme="body-mind"] {
  --accent:          var(--bm-clay);
  --accent-contrast: var(--ink);
  --accent-soft:     var(--bm-sand-soft);
  --surface-wash:    var(--bm-sand-soft);
  --on-wash:         var(--stone-800);
}
[data-theme="mana"] {
  --accent:          var(--mana-cinnamon);
  --accent-contrast: var(--white);
  --accent-soft:     var(--mana-amber-soft);
  --surface-wash:    var(--mana-amber-soft);
  --on-wash:         var(--mana-earth);
}
[data-theme="know"] {
  --accent:          var(--ink);
  --accent-contrast: var(--white);
  --accent-soft:     var(--stone-100);
  --surface-wash:    var(--stone-100);
  --on-wash:         var(--ink);
}