/* Apong 2026 — design tokens. No framework. */

:root {
  --sky-top: #2a1648;
  --sky-mid: #7a3368;
  --sky-sun: #ef8a45;
  --sky-horizon: #f6c07a;
  --ground: #8a4a28;
  --ground-dark: #5c3018;
  --stone: #c47a48;
  --gold: #f0d078;
  --gold-deep: #a56e1c;
  --gold-shine: #fff4c4;
  --glass: rgba(18, 8, 4, 0.42);
  --glass-border: rgba(240, 208, 120, 0.55);
  --plate: #f7f4ee;
  --plate-rim: #c62828;
  --die: #fbfbf8;
  --pip-black: #1a1a1a;
  --pip-red: #c4161c;
  --ink: #1c1208;
  --ui-cream: #fff8e8;
  --lock-gold: #ffe28a;
  --shadow: rgba(20, 8, 0, 0.45);
  --phone-w: 100vw;
  --phone-h: 100dvh;
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-r: env(safe-area-inset-right, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px);
  --stage-perspective: 920px;
  --stage-w: min(90%, 460px);
  --stage-h: min(86%, 400px);
  --cover-w: min(54%, 210px);
  --plate-w: min(82%, 320px);
  --face-w: clamp(48px, 9vmin, 84px);
  --face-h: clamp(62px, 12vmin, 108px);
  --die-radius: calc(var(--face-w) / 1.154700538);
  --slot: clamp(44px, 8vmin, 56px);
  --scroll: 72px;
  --font-khmer: "Noto Sans Khmer", "Khmer OS", "Leelawadee UI", sans-serif;
  --font-display: "Cinzel", "Palatino Linotype", serif;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-cover: cubic-bezier(0.4, 0, 0.2, 1);
}