/* ==========================================================================
   MindCrack — Design Tokens
   Two palettes by design: the crimson "Descent" carries the focused session,
   the amber "Return" carries the closing/grounding ritual. The shift in hue
   is the app's one deliberate signal that you are being brought back — see
   docs/RESEARCH.md, "Colour as a return signal".
   ========================================================================== */

:root {
  /* ── Descent palette (session) ── */
  --crimson:        #9b1c1c;
  --deep-crimson:   #5c0a0a;
  --ember:          #d94f2b;
  --gold:           #c9a96e;
  --gold-dim:       #6b5030;
  --black:          #030000;
  --surface:        #0d0505;
  --surface-raised: #150908;
  --border:         rgba(155, 28, 28, 0.25);
  --border-hover:   rgba(201, 169, 110, 0.4);
  --text:           #c8a47e;
  --text-dim:       #5e3f2a;
  --text-muted:     #3a2015;
  --glow-red:       rgba(155, 28, 28, 0.5);

  /* ── Return palette (closing / grounding ritual) ── */
  --return:         #d99a3f;
  --return-deep:    #7a5218;
  --return-dim:     #8a6a3a;
  --return-glow:    rgba(217, 154, 63, 0.45);
  --return-text:    #ecd3a0;
  --return-surface: #150f06;
  --return-border:  rgba(217, 154, 63, 0.28);

  /* ── Semantic accents ── */
  --mood-calm:      #8fae7a;
  --mood-neutral:   #c9a96e;
  --mood-uneasy:    #b0674a;
  --danger:         #c23a3a;
  --focus-ring:     #f0ddb8;

  /* ── Shape / motion ── */
  --radius:      4px;
  --radius-lg:   12px;
  --radius-full: 999px;
  --ease:        cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);

  /* ── Elevation ── */
  --panel-shadow: 0 12px 40px rgba(0,0,0,0.55);

  /* ── Motion durations (overridden to ~0 under reduced motion) ── */
  --dur-fast: 0.2s;
  --dur-med:  0.4s;
  --dur-slow: 4s;
}

/* Manual "calmer" override toggled from Settings, independent of OS setting */
body.reduced-motion {
  --dur-slow: 0.001s;
}