/* ============================================================
   PIAF ALIGNMENT STUDIO — PALETTE TIERS (beyond the warm core)
   Three clearly separated tiers. Discipline is the point:

   TIER 1 · CORE BRAND      WARM-ONLY. warm spine + stone greige +
                            clay accent. NO cool brand hue — the stone
                            greige and the value range provide the cool
                            relief. (Lives in colors.css.) The ONLY
                            palette used for core site chrome.
   TIER 2 · FUNCTIONAL      earthy semantic states. Near-invisible;
                            small status cues only, never decorative.
   TIER 3 · EVENT/SEASONAL  opt-in sub-palette for EVENT COLLATERAL
                            ONLY — never on core site chrome.

   Every ramp generated in OKLCH at the clay accent's lightness &
   chroma register, rotating hue only — so all read as earthy PIAF
   tones, never saturated primaries.

   Contrast (text/icon, both modes — verified AA):
     LIGHT  *-700 on linen/surface ≈ 6.2–6.7:1 · tag *-800 on *-100 ≈ 7.5:1
     DARK   *-300 on near-black/surface ≈ 8–9.8:1 · tag *-200 on *-900 ≈ 8.4:1
   ============================================================ */

:root {
  /* ============================================================
     TIER 2 · FUNCTIONAL / SEMANTIC — earthy, desaturated
     Not brand colours. Status cues only.
     ============================================================ */

  /* Teal — dusty eucalyptus (H≈195). Used as the Tier-2 `info` state
     AND as a Tier-3 event hue. NOT part of the warm-only core brand. */
  --teal-50:#EBF6F6; --teal-100:#CFE9E8; --teal-200:#AFDBDA; --teal-300:#8CC9C8;
  --teal-400:#62ADAD; --teal-500:#449A9A; --teal-600:#2A8282; --teal-700:#166464;
  --teal-800:#0D4E4E; --teal-900:#0B3939; --teal-950:#082828;

  /* Success — muted sage-green (H≈145) */
  --success-50:#EFF6EF; --success-100:#D9E8D9; --success-200:#C0D9C0; --success-300:#A6C7A6;
  --success-400:#84AA84; --success-500:#6D976E; --success-600:#577F58; --success-700:#406241;
  --success-800:#304C31; --success-900:#233823; --success-950:#182719;

  /* Warning — warm ochre/amber (H≈78) */
  --warning-50:#F8F3EA; --warning-100:#EEE1CD; --warning-200:#E3CEAD; --warning-300:#D5B78B;
  --warning-400:#BB9863; --warning-500:#A98448; --warning-600:#8F6C32; --warning-700:#70521F;
  --warning-800:#573F15; --warning-900:#402E0F; --warning-950:#2D200A;

  /* Error — desaturated brick red (H≈25; sits apart from the clay accent) */
  --error-50:#FEF0EE; --error-100:#FADAD7; --error-200:#F6C3BE; --error-300:#ECA8A2;
  --error-400:#D48680; --error-500:#C3706A; --error-600:#A75954; --error-700:#84413D;
  --error-800:#67312E; --error-900:#4C2421; --error-950:#361917;

  /* Info — the Tier-1 dusty teal, reused (H≈198) */
  --info-50:#EBF6F6; --info-100:#CFE9E9; --info-200:#AFDBDC; --info-300:#8CC9CB;
  --info-400:#61ADAF; --info-500:#439A9D; --info-600:#2A8184; --info-700:#156466;
  --info-800:#0D4D4F; --info-900:#0A393A; --info-950:#082829;

  /* ============================================================
     TIER 3 · EVENT / SEASONAL SUB-PALETTE — opt-in, contained
     FOR EVENT COLLATERAL ONLY (workshops, retreats, seasonal
     series, sound-healing posters). NEVER used on core site
     chrome, nav, buttons or app UI.
     ============================================================ */

  /* Sage — soft olive green (H≈140) */
  --sage-50:#F0F5EE; --sage-100:#DAE7D7; --sage-200:#C3D8BE; --sage-300:#A9C6A3;
  --sage-400:#88AA80; --sage-500:#72966A; --sage-600:#5B7E54; --sage-700:#44613D;
  --sage-800:#334B2E; --sage-900:#253721; --sage-950:#1A2717;

  /* Ochre / gold — earthy, not bright (H≈75) */
  --ochre-50:#F9F2EA; --ochre-100:#EFE1CE; --ochre-200:#E5CDAD; --ochre-300:#D6B68B;
  --ochre-400:#BD9763; --ochre-500:#AB8349; --ochre-600:#916B33; --ochre-700:#715120;
  --ochre-800:#583E16; --ochre-900:#412D10; --ochre-950:#2E200B;

  /* Plum — muted mauve, contemplative (H≈345) */
  --plum-50:#FAF0F5; --plum-100:#F3DBE7; --plum-200:#EAC4D8; --plum-300:#DDABC6;
  --plum-400:#C48AAA; --plum-500:#B27497; --plum-600:#985D7F; --plum-700:#774662;
  --plum-800:#5D354C; --plum-900:#442638; --plum-950:#311B27;

  /* Lavender — smoky warm lilac (H≈318); deep stops double as AUBERGINE */
  --lavender-50:#F6F2F8; --lavender-100:#E9DFEC; --lavender-200:#DBCAE1; --lavender-300:#CAB3D1;
  --lavender-400:#AE93B7; --lavender-500:#9B7FA4; --lavender-600:#83678B; --lavender-700:#654E6D;
  --lavender-800:#4E3C54; --lavender-900:#3A2C3E; --lavender-950:#291E2C;
  --aubergine: var(--lavender-900); --aubergine-deep: var(--lavender-950);

  /* Muted chakra spectrum — sound-healing events ONLY. Three tones each
     (300 tint · 500 mid · 700 text); earthy, restrained chroma. */
  --chakra-root-300:#DFAEA9;   --chakra-root-500:#B27A75;   --chakra-root-700:#784A46;
  --chakra-sacral-300:#DBB29A; --chakra-sacral-500:#AE7E62; --chakra-sacral-700:#754E36;
  --chakra-solar-300:#CCBB92;  --chakra-solar-500:#9D8857;  --chakra-solar-700:#67562B;
  --chakra-heart-300:#A6C7A6;  --chakra-heart-500:#6F9770;  --chakra-heart-700:#416242;
  --chakra-throat-300:#91C7D2; --chakra-throat-500:#5296A4; --chakra-throat-700:#25616D;
  --chakra-brow-300:#A8BDE2;   --chakra-brow-500:#738BB7;   --chakra-brow-700:#44587C;
  --chakra-crown-300:#C9B2D8;  --chakra-crown-500:#997EAB;  --chakra-crown-700:#644E72;
}

/* ============================================================
   SEMANTIC MAPPINGS — one name, two modes.
   *-fg = text/icon (AA on surface) · *-bg = subtle tint · *-border
   ============================================================ */

:root,
[data-theme="light"] {
  /* Tier 2 — functional (teal mapped via the `info` state, not as a brand hue) */
  --teal-fg: var(--teal-700); --teal-bg: var(--teal-100); --teal-border: var(--teal-200);

  /* Tier 2 — functional */
  --success-fg: var(--success-700); --success-bg: var(--success-100); --success-border: var(--success-200);
  --warning-fg: var(--warning-700); --warning-bg: var(--warning-100); --warning-border: var(--warning-200);
  --error-fg:   var(--error-700);   --error-bg:   var(--error-100);   --error-border:   var(--error-200);
  --info-fg:    var(--info-700);    --info-bg:    var(--info-100);    --info-border:    var(--info-200);

  /* Tier 3 — event sub-palette */
  --sage-fg:  var(--sage-700);  --sage-bg:  var(--sage-100);  --sage-border:  var(--sage-200);
  --ochre-fg: var(--ochre-700); --ochre-bg: var(--ochre-100); --ochre-border: var(--ochre-200);
  --plum-fg:  var(--plum-700);  --plum-bg:  var(--plum-100);  --plum-border:  var(--plum-200);
  --lavender-fg: var(--lavender-700); --lavender-bg: var(--lavender-100); --lavender-border: var(--lavender-200);
}

[data-theme="dark"] {
  --teal-fg: var(--teal-300); --teal-bg: var(--teal-900); --teal-border: var(--teal-800);

  --success-fg: var(--success-300); --success-bg: var(--success-900); --success-border: var(--success-800);
  --warning-fg: var(--warning-300); --warning-bg: var(--warning-900); --warning-border: var(--warning-800);
  --error-fg:   var(--error-300);   --error-bg:   var(--error-900);   --error-border:   var(--error-800);
  --info-fg:    var(--info-300);    --info-bg:    var(--info-900);    --info-border:    var(--info-800);

  --sage-fg:  var(--sage-300);  --sage-bg:  var(--sage-900);  --sage-border:  var(--sage-800);
  --ochre-fg: var(--ochre-300); --ochre-bg: var(--ochre-900); --ochre-border: var(--ochre-800);
  --plum-fg:  var(--plum-300);  --plum-bg:  var(--plum-900);  --plum-border:  var(--plum-800);
  --lavender-fg: var(--lavender-300); --lavender-bg: var(--lavender-900); --lavender-border: var(--lavender-800);
}