:root {
  /* Figma paint styles (frame 212:1644) */
  --color-bg: #000000;
  --color-cream: #f2ede8;
  --color-white: #ffffff;
  --color-gold: #c8a96e;
  --color-reward-gold: #c5a059;
  --color-muted: #a8a098;
  --color-stroke: #272420;
  --color-section-dark: #100e0c;
  --color-card-dark: #181614;
  --color-ink: #0a0908;

  --font-en: "Lexend Exa", system-ui, sans-serif;
  --font-jp: "Noto Sans JP", "Hiragino Sans", sans-serif;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-ui: "Cabin", system-ui, sans-serif;

  --text-eyebrow: 0.625rem;
  --text-xs: 0.5625rem;
  --text-sm: 0.75rem;
  --text-body: 0.75rem;
  --text-md: 0.875rem;
  --text-lg: 1rem;
  --text-xl: 1.5rem;
  --text-hero-num: 3.214rem;

  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 2.5rem;
  --space-section: 3rem;

  --container: 390px;
  /* Figma 212:1644: content column 351px → (390 − 351) / 2 */
  --container-pad-x: 1.21875rem;
  --radius-sm: 4px;
  --radius-md: 8px;
}