/* Terasu Media House — tokens.css (Phase 6 v1)
   Rule: #FFF8E7 (Golden-White / Angel White-Gold) is RESERVED for the Origin Anchor only.
*/

:root{
  /* --- Core palette (from canon) --- */
  --tmh-noir-000: #000000;   /* Velvet Noir Black */
  --tmh-burgundy-5a1b24: #5A1B24; /* Velvet Burgundy Chrome */
  --tmh-steel-d6d6d6: #D6D6D6; /* Steel Chrome Highlight */

  /* RESERVED: Origin Anchor only (do not use elsewhere) */
  --tmh-angel-fff8e7: #FFF8E7; /* Angel White-Gold (North Star) */

  --tmh-emerald-064f3c: #064F3C; /* Emerald Velvet */
  --tmh-mint-b8ffc8: #B8FFC8; /* Mint Aura */

  /* --- Semantic tokens (preferred usage) --- */
  --bg: var(--tmh-noir-000);
  --surface: rgba(255,255,255,0.04);
  --surface-2: rgba(255,255,255,0.07);

  --text: rgba(214,214,214,0.92);
  --text-muted: rgba(214,214,214,0.72);
  --text-faint: rgba(214,214,214,0.55);

  --border: rgba(214,214,214,0.18);
  --border-strong: rgba(214,214,214,0.30);

  --accent: var(--tmh-mint-b8ffc8);          /* default accent */
  --accent-2: var(--tmh-emerald-064f3c);     /* deeper mint/emerald accent */
  --accent-warm: var(--tmh-burgundy-5a1b24); /* burgundy chrome */

  /* Origin Anchor (ONLY): use these, not generic accent vars */
  --origin-anchor: var(--tmh-angel-fff8e7);
  --origin-anchor-glow: 0 0 12px #FFE8A6; /* canon glow hint */

  /* Mint glow (general accents) */
  --mint-glow: 0 0 8px #A6FFD0;

  /* --- Layout + motion tokens --- */
  --radius: 14px;
  --radius-sm: 10px;
  --max-content: 1120px;

  --focus-ring: 0 0 0 3px rgba(184,255,200,0.45);

  /* Motion duration caps (Phase 4 comfort) */
  --dur-fast: 150ms;
  --dur-med: 220ms;
  --dur-slow: 320ms;
  --ease: cubic-bezier(.2,.8,.2,1);

  /* Calm Mode modifier (used in base.css). 1 = normal, <1 calmer */
  --calm-motion-mult: 1;
  --calm-audio-mult: 1; /* placeholder for JS/audio hooks later */
}

/* Calm Mode hook (Phase 4): keep site alive but softer */
html[data-calm="1"]{
  --calm-motion-mult: 0.65;
}

/* prefers-reduced-motion is “super-calm” (Phase 4) */
@media (prefers-reduced-motion: reduce){
  :root{
    --dur-fast: 1ms;
    --dur-med: 1ms;
    --dur-slow: 1ms;
  }
  html{
    --calm-motion-mult: 0.0;
  }
}