/* GERADO por scripts/build-tokens.mjs a partir de tokens.json. Não edite à mão. */
:root {
  --palette-ink-100: #E4E5EA;
  --palette-ink-300: #B4B7C0;
  --palette-ink-500: #6B6F7B;
  --palette-ink-700: #3A3D46;
  --palette-ink-900: #17181C;
  --palette-paper-0: #FFFFFF;
  --palette-paper-50: #FBFAF7;
  --palette-paper-100: #F2F3F7;
  --palette-paper-200: #E8E9EF;
  --palette-cream-100: #FFF4E2;
  --palette-cream-200: #FDE8C6;
  --palette-orange-300: #FAD3A1;
  --palette-orange-500: #F7B666;
  --palette-orange-700: #E08A2C;
  --palette-teal-100: #D6F1F1;
  --palette-teal-300: #7FD3D6;
  --palette-teal-500: #2BB0B6;
  --palette-teal-700: #1A858A;
  --palette-mint-300: #BFE6CC;
  --palette-mint-500: #7CCB98;
  --palette-mint-700: #2E8A55;
  --palette-lilac-300: #C9B8EE;
  --palette-lilac-500: #7E5BC2;
  --palette-sun-300: #FCE7A8;
  --palette-sun-500: #F6CF5A;
  --palette-coral-300: #F8B4B0;
  --palette-coral-500: #E5534B;
  --palette-coral-700: #B8352E;
  --palette-night-600: #30343F;
  --palette-night-700: #252832;
  --palette-night-800: #1B1D24;
  --palette-night-900: #121318;
  --color-bg: var(--palette-paper-100);
  --color-surface: var(--palette-paper-0);
  --color-surface-alt: var(--palette-cream-100);
  --color-surface-sunken: var(--palette-paper-200);
  --color-line: var(--palette-ink-900);
  --color-line-soft: var(--palette-ink-100);
  --color-text: var(--palette-ink-900);
  --color-text-muted: var(--palette-ink-500);
  --color-text-inverse: var(--palette-paper-0);
  --color-primary: var(--palette-orange-500);
  --color-primary-strong: var(--palette-orange-700);
  --color-primary-soft: var(--palette-orange-300);
  --color-on-primary: var(--palette-ink-900);
  --color-secondary: var(--palette-teal-500);
  --color-secondary-strong: var(--palette-teal-700);
  --color-secondary-soft: var(--palette-teal-100);
  --color-on-secondary: var(--palette-ink-900);
  --color-success: var(--palette-mint-500);
  --color-success-strong: var(--palette-mint-700);
  --color-success-soft: var(--palette-mint-300);
  --color-danger: var(--palette-coral-500);
  --color-danger-strong: var(--palette-coral-700);
  --color-danger-soft: var(--palette-coral-300);
  --color-warning: var(--palette-sun-500);
  --color-warning-soft: var(--palette-sun-300);
  --color-highlight: var(--palette-orange-300);
  --color-focus: var(--palette-teal-500);
  --color-overlay: rgba(23, 24, 28, 0.45);
  --color-canvas: var(--palette-night-800);
  --color-canvas-line: var(--palette-ink-900);
  --color-decor: var(--palette-ink-300);
  --color-scrollbar: var(--palette-ink-300);
  --color-focus-ring: var(--palette-teal-100);
  --role-drawer: var(--palette-orange-500);
  --role-guesser: var(--palette-teal-500);
  --role-tv: var(--palette-lilac-500);
  --role-host: var(--palette-sun-500);
  --role-correct: var(--palette-mint-500);
  --underlay-orange: var(--palette-orange-500);
  --underlay-teal: var(--palette-teal-500);
  --underlay-mint: var(--palette-mint-300);
  --underlay-lilac: var(--palette-lilac-500);
  --underlay-sun: var(--palette-sun-300);
  --underlay-coral: var(--palette-coral-300);
  --underlay-neutral: var(--palette-paper-200);
  --underlay-ink: var(--palette-ink-900);
  --underlay-offset: 6px;
  --underlay-offset-sm: 4px;
  --draw-white: #F7F5F0;
  --draw-gray: #9AA0AD;
  --draw-black: #0B0C0F;
  --draw-red: #F0605A;
  --draw-orange: #F7B666;
  --draw-yellow: #F6D85A;
  --draw-green: #7CCB98;
  --draw-teal: #2BB0B6;
  --draw-blue: #5B8DEF;
  --draw-purple: #9B7BE0;
  --draw-pink: #F49AC1;
  --draw-brown: #A8754B;
  --draw-size-sm: 4px;
  --draw-size-md: 10px;
  --draw-size-lg: 22px;
  --font-family-base: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --font-family-hand: 'Caveat', 'Comic Sans MS', cursive;
  --font-family-mono: 'Poppins', ui-monospace, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 800;
  --font-size-caption: 11px;
  --font-size-small: 13px;
  --font-size-body: 15px;
  --font-size-lead: 17px;
  --font-size-h3: 18px;
  --font-size-h2: 22px;
  --font-size-h1: 28px;
  --font-size-display: 40px;
  --font-size-word: 30px;
  --font-size-tv-display: 64px;
  --font-line-height-tight: 1.15;
  --font-line-height-snug: 1.3;
  --font-line-height-base: 1.5;
  --font-tracking-tight: -0.02em;
  --font-tracking-normal: 0;
  --font-tracking-wide: 0.06em;
  --font-tracking-code: 0.22em;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-gutter: 20px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-pill: 999px;
  --border-width-hair: 1px;
  --border-width-base: 2px;
  --border-width-thick: 3px;
  --border-dash: 6px 6px;
  --shadow-soft: 0 10px 30px rgba(40, 46, 80, 0.08);
  --shadow-lift: 0 14px 40px rgba(40, 46, 80, 0.14);
  --shadow-press: 0 3px 0 0 var(--palette-ink-900);
  --shadow-press-active: 0 1px 0 0 var(--palette-ink-900);
  --shadow-glow-primary: 0 8px 22px rgba(247, 182, 102, 0.55);
  --shadow-focus: 0 0 0 3px var(--palette-paper-0), 0 0 0 6px var(--palette-teal-500);
  --tilt-none: 0deg;
  --tilt-left: -2deg;
  --tilt-right: 1.5deg;
  --tilt-left-sm: -1deg;
  --tilt-right-sm: 0.8deg;
  --size-touch: 44px;
  --size-control-sm: 36px;
  --size-control-md: 48px;
  --size-control-lg: 56px;
  --size-control-xl: 72px;
  --size-icon-sm: 16px;
  --size-icon-md: 20px;
  --size-icon-lg: 24px;
  --size-avatar-sm: 32px;
  --size-avatar-md: 44px;
  --size-avatar-lg: 64px;
  --size-screen-max: 480px;
  --size-content-max: 1200px;
  --motion-duration-fast: 160ms;
  --motion-duration-base: 260ms;
  --motion-duration-slow: 420ms;
  --motion-duration-screen: 380ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --motion-easing-emphasized: cubic-bezier(0.22, 1, 0.36, 1);
  --z-base: 0;
  --z-sticky: 10;
  --z-overlay: 100;
  --z-modal: 110;
  --z-toast: 120;
  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-tv: 1280px;
  --game-wait-seconds: 30;
  --game-round-seconds: 60;
  --game-result-unlock-seconds: 5;
  --game-result-auto-seconds: 15;
  --game-timer-warning-seconds: 10;
  --game-max-participants: 32;
  --game-room-code-length: 4;
  --game-list-code-length: 6;
  --game-guess-max-chars: 80;
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: var(--palette-night-900);
  --color-surface: var(--palette-night-700);
  --color-surface-alt: #2E2A24;
  --color-surface-sunken: var(--palette-night-800);
  --color-line: #E9E5DC;
  --color-line-soft: var(--palette-night-600);
  --color-text: #F4F1EA;
  --color-text-muted: #A3A7B3;
  --color-text-inverse: var(--palette-ink-900);
  --color-secondary-soft: #173E40;
  --color-success-soft: #1E3B2A;
  --color-danger-soft: #4A2523;
  --color-warning-soft: #463B1B;
  --color-highlight: #9A6326;
  --color-decor: var(--palette-night-600);
  --color-scrollbar: var(--palette-ink-500);
  --color-focus-ring: #173E40;
  --color-canvas: var(--palette-night-800);
  --color-canvas-line: #E9E5DC;
  --underlay-neutral: var(--palette-night-600);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.35);
  --shadow-lift: 0 14px 40px rgba(0, 0, 0, 0.5);
  --shadow-press: 0 3px 0 0 #E9E5DC;
  --shadow-press-active: 0 1px 0 0 #E9E5DC;
  --shadow-focus: 0 0 0 3px var(--palette-night-900), 0 0 0 6px var(--palette-teal-300);
}