/* สร้างอัตโนมัติจาก brand.tokens.json — ห้ามแก้มือ รัน: python3 build-tokens.py */
:root {
  --bg: var(--color-bg-day); --text: var(--color-text-on-day); --surface: var(--color-surface-day); --muted: var(--color-muted-on-day);
  --color-bg-day: #F7F3EA;
  --color-bg-night: #1D1D1F;
  --color-surface-day: #FFFFFF;
  --color-surface-night: #2C2C2E;
  --color-line-day: #E4DDCC;
  --color-line-night: #3A3A3C;
  --color-text-on-day: #1D1D1F;
  --color-text-on-night: #F7F3EA;
  --color-muted-on-day: #6E6E73;
  --color-muted-on-night: #A1A1A6;
  --color-accent-gold: #C6A46A;
  --color-accent-gold-deep: #A3834C;
  --color-price-on-day: #1D1D1F;
  --color-price-on-night: #F7F3EA;
  --color-price-cheapest-highlight: #C6A46A;
  --color-success-value: #C6A46A;
  --color-warning-value: #B3261E;
  --color-collection-01-bordeaux: #6B1E2A;
  --color-logo-canvas-dark-value: #0E0E10;
  --font-thai: 'Anuphan','Inter Tight',system-ui,sans-serif;
  --font-latin: 'Inter Tight','Anuphan',system-ui,sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fs-web-min: 14px;
  --fs-web-body: 16px;
  --fs-web-title: 20px;
  --fs-web-display: 32px;
  --fs-web-price-hero: 56px;
  --fs-video-min: 48px;
  --fs-video-caption: 80px;
  --fs-video-body: 48px;
  --fs-video-title: 64px;
  --fs-video-display: 96px;
  --fs-video-price-hero: 160px;
  --lh-thai: 1.6;
  --lh-latin: 1.3;
  --lh-display: 1.15;
  --lh-price: 1.0;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 144px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(29,29,31,.06);
  --dur-pop: 0.3s;
  --dur-quick: 0.3s;
  --dur-standard: 0.6s;
  --dur-slow: 0.9s;
  --dur-hero: 1.2s;
  --dur-hold-logo: 1.2s;
  --ease-signature: cubic-bezier(0.45, 0, 0.15, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --stagger-line: 0.067s;
  --stagger-list: 0.1s;
  --beat: 0.6s;
  --half-beat: 0.3s;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: var(--color-bg-night); --text: var(--color-text-on-night); --surface: var(--color-surface-night); --muted: var(--color-muted-on-night); }
}