:root {
  color-scheme: dark;

  /* Semantic UI palette */
  --ink: #f8fafc;
  --ink-soft: #dce8f6;
  --muted: #aab8cc;
  --line: rgba(255, 255, 255, 0.11);
  --line-blue: rgba(101, 180, 255, 0.28);
  --bg: #070b13;
  --panel: #111927;
  --panel-raised: #17243a;
  --panel-deep: #091221;

  --accent: #347cf2;
  --accent-hot: #5ba7ff;
  --accent-light: #a9d5ff;
  --accent-dark: #1852b9;
  --accent-deep: #0b2c73;
  --accent-glow: rgba(52, 124, 242, 0.38);
  --violet: #725cf5;
  --sky: #78c9ff;

  --danger: #ff6174;
  --danger-light: #ffacb5;
  --danger-dark: #a91436;
  --gold: #ffd640;
  --gold-dark: #b66c00;

  /* Five immutable gameplay colors */
  --red: #f04444;
  --red-dark: #a91224;
  --blue: #258cf4;
  --blue-dark: #0753ac;
  --yellow: #ffd632;
  --yellow-dark: #c88d00;
  --green: #55d65a;
  --green-dark: #188e38;
  --purple: #a95af5;
  --purple-dark: #6520b0;

  --casual-font: "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Trebuchet MS", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;
  --display-font: "Arial Black", "Avenir Next Heavy", "Avenir Next Rounded", "Arial Rounded MT Bold", "Apple SD Gothic Neo", system-ui, sans-serif;
  --scene-gutter: clamp(16px, 3vw, 42px);
  --content-wide: 1160px;
  --panel-radius: 22px;
  --tap: 48px;
  --cell-size: clamp(28px, 4.55vw, 55px);
  --ease-brick: cubic-bezier(0.2, 0.9, 0.25, 1.18);
}