:root {
  --color-bg: #090b12;
  --color-footer: #07080d;
  --color-card: #191b23;
  --color-card-soft: #16171f;
  --color-band: #12151e;
  --color-chip: #232630;
  --color-chip-pressed: #30343f;
  --color-line: #262a36;
  --color-slot: #0d0f16;
  --color-text: #ffffff;
  --color-chip-text: #cfd3e4;
  --color-muted: #8b90a6;
  --color-muted-2: #aaaab4;
  --color-accent: #ff710a;
  --color-accent-soft: #ff7d34;
  --color-accent-light: #ff9d55;
  --color-accent-deep: #ff5900;
  --color-glow: #2a1408;
  --color-nick: #ffc9a3;
  --color-on-accent: #1a1206;
  --color-star: #ffc421;
  --color-stroke: rgba(255, 255, 255, 0.28);
  --color-header: rgba(9, 11, 18, 0.92);
  --color-bar: #14161e;
  --grad: linear-gradient(184deg, #ff5900 60%, #ff9d55);
  --grad-pressed: linear-gradient(184deg, #e65000 60%, #e68a48);
  --radius-card: 16px;
  --radius-note: 12px;
  --radius-pill: 100px;
  --press: 120ms ease-out;
}