/*
 * Design token "Arcade Fitness Arena".
 * Palet diturunkan dari maskot AiZ: emas ikat kepala, merah bulu & celana, krem wajah, putih jaket.
 * Latar arena navy-ungu dalam, aksen neon untuk energi (api, petir, cyan, limau).
 * Semua warna, font, bayangan, radius, dan durasi animasi diatur dari sini.
 */
:root {
  /* latar */
  --night-0: #07051a;
  --night-1: #0e0a2b;
  --night-2: #171042;
  --night-3: #221858;
  --night-4: #2f2275;
  --night-line: rgba(176, 160, 255, 0.22);

  /* warna maskot */
  --gold: #ffc531;
  --gold-hi: #ffe27a;
  --gold-deep: #b37a00;
  --red: #ec2a3f;
  --red-hi: #ff5a6a;
  --red-deep: #8c0f1f;
  --cream: #fff1d9;
  --jacket: #ffffff;

  /* neon */
  --fire: #ff7a1a;
  --fire-hi: #ffb15c;
  --bolt: #ffe23d;
  --cyan: #2ee8ff;
  --cyan-deep: #0a8ea8;
  --lime: #a8ff3e;
  --lime-deep: #4c9c00;
  --violet: #b48cff;
  --pink: #ff4f9a;

  /* peran */
  --bg: var(--night-1);
  --panel: var(--night-2);
  --panel-2: var(--night-3);
  --panel-3: var(--night-4);
  --line: var(--night-line);
  --text: #f6f3ff;
  --muted: #b9b1e0;
  --dim: #8a82b8;
  --me: var(--gold);
  --me-ink: #2a1600;
  --foe: var(--red-hi);
  --ghost: var(--violet);
  --ok: var(--lime);
  --bad: #ff5468;
  --focus: var(--cyan);

  /* huruf */
  --display: 'Lilita One', 'Arial Black', system-ui, sans-serif;
  --body: 'Rubik', system-ui, sans-serif;

  /* bentuk */
  --radius-sm: 12px;
  --radius: 18px;
  --radius-lg: 26px;
  --border: 3px;
  --press: 6px; /* tebal "kaki" tombol 3D */

  /* bayangan & glow */
  --shadow-panel: 0 10px 0 rgba(4, 2, 18, 0.55), 0 22px 40px rgba(4, 2, 18, 0.55);
  --shadow-text: 0 4px 0 rgba(10, 4, 40, 0.9);
  --glow-gold: 0 0 24px rgba(255, 197, 49, 0.55);
  --glow-cyan: 0 0 24px rgba(46, 232, 255, 0.5);
  --glow-fire: 0 0 28px rgba(255, 122, 26, 0.6);

  /* gerak */
  --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-snap: cubic-bezier(0.5, 0, 0.1, 1);

  color-scheme: dark;
}