/* ==========================================================================
   THEME TOKENS — swap this file (or edit values) to re-skin the whole kiosk.
   Mood colors (--mood-a / --mood-b) are set at runtime from the chosen mood.
   ========================================================================== */
:root {
  /* surfaces */
  --bg: #04050b;
  --bg-2: #0a0e1c;
  --glass: rgba(14, 18, 34, 0.56);
  --glass-strong: rgba(18, 22, 40, 0.82);
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.18);

  /* ink */
  --ink: #f3f5ff;
  --ink-2: rgba(243, 245, 255, 0.72);
  --ink-3: rgba(243, 245, 255, 0.56);
  --ink-4: rgba(243, 245, 255, 0.36);

  /* semantic accents */
  --ai: #3df0ff;
  --human: #ff4fd8;
  --protect: #ffd88a;
  --ok: #5dffa8;
  --warn: #ffb35c;
  --err: #ff5c7a;

  /* runtime mood colors */
  --mood-a: #38f2ff;
  --mood-b: #ff3dcb;

  /* type */
  --font-display: "Segoe UI Variable Display", "Segoe UI", "Yu Gothic UI", "YuGothic", "Hiragino Sans", "Meiryo", "Malgun Gothic", system-ui, sans-serif;
  --font-body: "Segoe UI Variable Text", "Segoe UI", "Yu Gothic UI", "YuGothic", "Hiragino Sans", "Meiryo", "Malgun Gothic", system-ui, sans-serif;
  --font-mono: "Cascadia Mono", "Consolas", "SFMono-Regular", "Menlo", monospace;

  /* shape + motion */
  --radius-s: 0.6rem;
  --radius-m: 1.1rem;
  --radius-l: 1.8rem;
  --ease: cubic-bezier(.22, .8, .2, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --glow-strength: 1;
}