/* thiri-tokens.css — the shared THIRI design template.
 * Extracted verbatim from thiri.ai's brand: dark blue-charcoal + MUTED antique
 * gold + warm cream + Playfair Display / Inter / JetBrains Mono. One file drives
 * the studio, the sign-in gate, and the case-study page. Canonical thiri names
 * plus aliases the studio's component CSS already uses, so both "just work".
 *
 * Load the fonts alongside this file:
 * <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
 */
:root{
  /* ---- THIRI canonical brand tokens (from thiri.ai :root) ---- */
  --thiri-bg:        #0D0D12;   /* page background — blue-charcoal, not pure black */
  --thiri-card:      #15151E;   /* surfaces / cards */
  --thiri-card-hi:   #1C1C28;   /* hover surface */
  --thiri-border:    #2A2A35;   /* hairline borders */
  --gold:            #C4A35A;   /* PRIMARY — muted antique gold */
  --gold-dim:        #A68A3A;   /* hover / pressed */
  --gold-glow:       rgba(196,163,90,.16);
  --thiri-text:      #E8E6E1;   /* warm cream — never pure white */
  --thiri-text-dim:  #8A8A8A;
  --thiri-text-label:#6B6B6B;
  --burgundy:        #962C46;   /* supporting accent (from the app) */
  --font-display:    'Playfair Display', Georgia, serif;
  --font-body:       'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:       'JetBrains Mono', 'SF Mono', ui-monospace, Menlo, monospace;

  /* ---- aliases the studio's component CSS references ---- */
  --void:#08080c; --bg:var(--thiri-bg); --bg1:var(--thiri-card);
  --bg2:var(--thiri-card-hi); --bg3:#262B36; --line:var(--thiri-border);
  --edge-hi:rgba(255,255,255,.06); --edge-lo:rgba(0,0,0,.5);
  --glass:rgba(19,19,28,.64); --glass2:rgba(28,28,40,.5);

  /* metals collapse to the single muted gold + cream */
  --brass:var(--gold); --brushed:linear-gradient(96deg,#a6842f,#dcbd6a,#8f6f24);
  --goldtext:linear-gradient(176deg,#8a6d2a,#c4a35a 42%,#efdca0 56%,#a6842f 70%,#8a6d2a);

  /* the "listening / verified / active" light = gold glow (thiri is gold-only) */
  --diamond:#efe4c4; --ice:var(--gold); --diaglow:var(--gold-glow);

  --hi:var(--thiri-text); --mid:var(--thiri-text-dim); --dim:var(--thiri-text-label);
  --acc:var(--gold); --phi:var(--gold); --verify:var(--gold); --play:var(--gold);
  --warn:#e0a23a; --err:#e0665c;
  --mono:var(--font-mono); --display:var(--font-display); --serif:var(--font-display);

  /* instrument-role lane colors — kept for timeline legibility, warmed slightly */
  --c-drums:#d98f45; --c-bass:#6b86d6; --c-bed:#9a7bd0; --c-comp:#4bb3ba;
  --c-lead:#d1699a; --c-texture:#8A8A8A; --c-fx:var(--gold);
}