/* Generated by scripts/build_tokens.mjs from C:\Users\minht\.gemini\antigravity\scratch\vietnamese-womens-day-game\tokens\theme.json — do not edit by hand. */
:root {
  --color-surface-page: #fff7ed;
  --color-surface-card: #fffaf4;
  --color-surface-raised: #f3e7df;
  --color-surface-control: #f9ede4;
  --color-surface-stage: #dce6bb;
  --color-surface-overlay: rgba(42, 32, 39, 0.62);
  --color-text-primary: #3d3038;
  --color-text-secondary: #705c65;
  --color-text-tertiary: #705c65;
  --color-text-link: #963b59;
  --color-text-on-action: #fffaf4;
  --color-action-primary: #963b59;
  --color-action-hover: #7c2d49;
  --color-action-pressed: #64223c;
  --color-action-destructive: #8a2939;
  --color-action-disabled: #e5d8d3;
  --color-action-selected: #ead0d8;
  --color-border-strong: #967581;
  --color-border-default: #d9c7c7;
  --color-art-petal: #d88aa0;
  --color-art-center: #f0cc80;
  --color-art-stem: #526c4c;
  --color-art-faint: #b39b9f;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Departure Mono Viet', ui-monospace, monospace;
  --font-story: 'Lora', Georgia, serif;
  --text-tiny: 0.6875rem;
  --text-small: 0.75rem;
  --text-label: 0.8125rem;
  --text-body: 0.9375rem;
  --text-prose: 1rem;
  --text-hud-title: 1rem;
  --text-card-title: 1.5rem;
  --text-display: 2.5rem;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 650;
  --weight-story: 600;
  --leading-tight: 1.25;
  --leading-body: 1.6;
  --leading-prose: 1.8;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-control: 10px;
  --radius-scene: 8px;
  --radius-card: 18px;
  --radius-round: 999px;
  --shadow-press: 0 3px 0 rgba(81, 43, 56, 0.14);
  --shadow-modal: 0 16px 64px rgba(42, 32, 39, 0.2);
  --duration-fast: 140ms;
  --duration-typewriter: 22ms;
  --duration-gift-open: 700ms;
  --duration-gift-reveal: 1800ms;
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --size-control: 48px;
  --size-icon: 22px;
  --size-flower: 15px;
  --size-flower-large: 72px;
  --size-gift-art: 216px;
  --size-gift-art-compact: 160px;
  --size-hud: 100px;
  --size-context: 32px;
  --size-controls: 156px;
  --size-action: 96px;
  --size-scene-min: 180px;
  --size-page: 1152px;
  --size-intro: 416px;
  --size-modal: 560px;
  --size-dialogue: 640px;
  --size-border: 1px;
  --size-focus: 3px;
  --size-focus-offset: 3px;
  --size-press: 2px;
  --size-screenreader: 1px;
  --size-viewport: 100svh;
  --z-overlay: 10;

  /* deprecated aliases — removed in 3.0.0 */
  --color-action-danger: var(--color-action-destructive);
}
:root[data-theme="dark"] {

}