/* DeepMood design tokens — the only place a colour, radius, shadow or scene asset is defined. */
:root {
  --void: #05070a;
  --panel: rgba(13, 17, 23, 0.72);
  --panel-solid: rgba(13, 17, 23, 0.9);   /* small screens: no backdrop-filter, so fixed children stay fixed */
  --panel-blur: blur(28px) saturate(125%);
  --surface: rgba(255, 255, 255, 0.035);
  --surface-hi: rgba(255, 255, 255, 0.07);
  --surface-hi2: rgba(255, 255, 255, 0.11);
  --stroke: rgba(255, 255, 255, 0.09);
  --stroke-hi: rgba(255, 255, 255, 0.16);

  --text: #eef2f6;
  --text-dim: #9aa6b4;
  --text-faint: #6b7785;

  --ember: #f0a85c;
  --ember-soft: rgba(240, 168, 92, 0.14);
  --ember-line: rgba(240, 168, 92, 0.35);
  --ember-glow: rgba(240, 168, 92, 0.6);
  --cream: #f3ddc0;
  --cream-hi: #f8e6cd;
  --cream-glow: rgba(243, 221, 192, 0.2);
  --on-cream: #1a1410;
  --danger: #e2685c;
  --danger-soft: rgba(226, 104, 92, 0.14);
  --danger-line: rgba(226, 104, 92, 0.3);
  --danger-text: #f1a097;
  --ok: #7fc48a;
  --accent-cool: #7fb0ff;
  --ok-soft: rgba(127, 196, 138, 0.14);
  --ok-line: rgba(127, 196, 138, 0.3);

  --r-panel: 22px; --r-card: 14px; --r-pill: 999px;
  --shadow-panel: 0 40px 120px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.07);
  --shadow-card: 0 8px 24px rgba(0,0,0,.45);
  --shadow-card-hover: 0 10px 28px rgba(0,0,0,.5), 0 0 24px rgba(240,168,92,.06);
  --highlight: inset 0 1px 0 rgba(255,255,255,.07);
  --scrim: rgba(5, 7, 10, 0.75);

  --font-ui: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: Fraunces, Newsreader, Georgia, "Times New Roman", serif;

  /* The room */
  --room-image: url("/assets/img/room.jpg");
  --rain-color: 200, 220, 255;
  --flame-core: #fff3c4; --flame-mid: #ffb545; --flame-edge: #ff6a1a; --flame-tip: rgba(255, 60, 10, 0);
  --torch-light: 255, 150, 60;
  --smoke: rgba(160, 160, 170, 0.5);
  --tint-warm: rgba(240, 140, 60, 0.2);

  /* Live values, written by effects.js */
  --torch-l: 1; --torch-r: 1;
}