/* tokens.css — GERADO por build/tokens.py. Não editar manualmente. */
/* Camadas: primitivos → semânticos → componentes. Temas: .dark (padrão), .dark.deep, .on-light. */

/* 1. Primitivos */
:root{
  --color-black: #000000;
  --color-white: #ffffff;
  --color-graphite-950: #0b0b0c;
  --color-graphite-900: #151516;
  --color-graphite-800: #1d1d1f;
  --color-ivory-50: #f7f4ee;
  --color-ivory-100: #efeae0;
  --color-ivory-text: #f5f1e8;
  --color-gold-300: #e6cb8a;
  --color-gold-500: #c9a961;
  --color-gold-700: #7a5f24;
  --color-whatsapp-500: #25d366;
  --color-whatsapp-600: #1ebe5b;
  --color-warmgray-400: #a39e92;
  --color-warmgray-500: #7d786d;
  --color-warmgray-600: #6b675d;
  --color-alpha-gold-10: rgb(201 169 97 / 0.10);
  --color-alpha-gold-14: rgb(201 169 97 / 0.14);
  --color-alpha-gold-22: rgb(201 169 97 / 0.22);
  --color-alpha-gold-28: rgb(201 169 97 / 0.28);
  --color-alpha-gold-35: rgb(201 169 97 / 0.35);
  --color-alpha-white-06: rgb(255 255 255 / 0.06);
  --color-alpha-white-09: rgb(255 255 255 / 0.09);
  --color-alpha-white-08: rgb(255 255 255 / 0.08);
  --color-alpha-black-08: rgb(0 0 0 / 0.08);
  --color-alpha-black-09: rgb(0 0 0 / 0.09);
  --color-alpha-black-30: rgb(0 0 0 / 0.30);
  --color-alpha-black-48: rgb(0 0 0 / 0.48);
  --color-alpha-black-62: rgb(0 0 0 / 0.62);
  --color-alpha-black-88: rgb(0 0 0 / 0.88);
  --color-alpha-ivory-80: rgb(245 241 232 / 0.80);
  --color-alpha-ivory-55: rgb(245 241 232 / 0.55);
  --color-alpha-ivory-28: rgb(245 241 232 / 0.28);
  --color-alpha-black-72: rgb(0 0 0 / 0.72);
  --color-alpha-black-35: rgb(0 0 0 / 0.35);
  --color-alpha-black-94: rgb(0 0 0 / 0.94);
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-22: 5.5rem;
  --space-26: 6.5rem;
  --space-30: 7.5rem;
  --space-33: 8.125rem;
  --space-0-5: 0.125rem;
  --space-0-75: 0.1875rem;
  --space-1-5: 0.375rem;
  --space-3-5: 0.875rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.75rem;
  --radius-xl: 2rem;
  --radius-full: 62rem;
  --text-micro: 0.46875rem;
  --text-caption: 0.75rem;
  --text-xs: 0.875rem;
  --text-2sm: 0.875rem;
  --text-sm: 0.875rem;
  --text-md: 0.9375rem;
  --text-base: 1rem;
  --text-lg: 1.0625rem;
  --text-xl: 1.1875rem;
  --text-2xl: 1.375rem;
  --text-3xl: 1.5rem;
  --text-4xl: 1.625rem;
  --text-brand: 1.5625rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --leading-display: 1.05;
  --leading-heading: 1.1;
  --leading-snug: 1.36;
  --leading-body: 1.47059;
  --leading-relaxed: 1.5;
  --tracking-display: -0.03em;
  --tracking-title: -0.025em;
  --tracking-heading: -0.02em;
  --tracking-subhead: -0.015em;
  --tracking-body: -0.011em;
  --tracking-none: 0;
  --tracking-lead: 0.004em;
  --tracking-caps: 0.08em;
  --tracking-caps-wide: 0.12em;
  --tracking-eyebrow: 0.14em;
  --tracking-label: 0.18em;
  --tracking-brand: 0.7em;
  --dur-press: 120ms;
  --dur-hover: 200ms;
  --dur-menu: 220ms;
  --dur-enter: 400ms;
  --dur-media: 600ms;
  --dur-reveal: 700ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-standard: ease;
  --ease-press: ease-out;
  --z-float: 30;
  --z-menu: 40;
  --z-nav: 50;
  --z-skip: 60;
  --size-touch: 2.75rem;
  --size-fab: 3.5rem;
  --size-flag: 2.25rem;
  --size-control: 3rem;
  --size-nav: 3.5rem;
  --size-hairline: 1px;
  --size-ring: 2px;
  --size-underline-offset: 0.1875rem;
  --size-bar-inset: 0.8125rem;
  --size-bar-h: 0.09375rem;
  --size-bar-y1: 1.1875rem;
  --size-bar-y2: 1.5625rem;
  --size-bar-shift: 0.1875rem;
  --size-container: 64rem;
  --size-container-wide: 67.5rem;
  --blur-glass: 1.25rem;
}

/* 2. Semânticos (tema escuro como padrão) */
:root{
  --bg: var(--color-black);
  --fg: var(--color-ivory-text);
  --fg-muted: var(--color-warmgray-400);
  --accent: var(--color-gold-500);
  --accent-hover: var(--color-gold-300);
  --on-accent: var(--color-black);
  --line: var(--color-alpha-gold-22);
  --line-soft: var(--color-alpha-gold-14);
  --card: var(--color-graphite-900);
  --focus: var(--color-gold-300);
  --control-border: var(--color-alpha-gold-28);
  --control-bg: var(--color-black);
  --placeholder: var(--color-warmgray-500);
  --glass: var(--color-alpha-black-72);
  --glass-strong: var(--color-alpha-black-94);
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-brand: "Optima", "Palatino Linotype", "Book Antiqua", Palatino, "Hoefler Text", Georgia, serif;
  --font-serif: "Cormorant Garamond", "Cormorant", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-condensed: "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --gutter: 1.375rem;
  --section-y: var(--space-33);
  --section-y-sm: var(--space-22);
  --text-hero: clamp(2.375rem, 5.2vw, 4.75rem);
  --text-display: clamp(2.625rem, 7.4vw, 5rem);
  --text-title: clamp(2.125rem, 5.6vw, 3.75rem);
  --text-title-sm: clamp(2rem, 4.6vw, 3.25rem);
  --text-panel: clamp(1.875rem, 3.6vw, 2.5rem);
  --text-lead: clamp(1.1875rem, 2.4vw, 1.5625rem);
}

/* 3. Componentes */
:root{
  --nav-height: var(--size-nav);
  --btn-height: var(--size-control);
  --btn-px: var(--space-6);
  --btn-radius: var(--radius-full);
  --btn-bg: var(--color-gold-500);
  --btn-bg-hover: var(--color-gold-300);
  --btn-fg: var(--color-black);
  --btn-ghost-ring: var(--color-alpha-gold-35);
  --btn-ghost-bg-hover: var(--color-alpha-gold-10);
  --card-radius: var(--radius-lg);
  --panel-radius: var(--radius-xl);
  --input-height: var(--size-control);
  --input-radius: var(--radius-md);
  --selos-bg: var(--color-ivory-50);
  --selos-fg: var(--color-graphite-800);
  --selos-radius: var(--radius-md);
  --search-bg: var(--color-alpha-white-06);
  --search-bg-hover: var(--color-alpha-white-09);
  --media-outline-light: var(--color-alpha-black-08);
  --media-outline-dark: var(--color-alpha-white-08);
  --fab-size: var(--size-fab);
  --fab-bg: var(--color-whatsapp-500);
  --fab-bg-hover: var(--color-whatsapp-600);
  --fab-fg: var(--color-white);
  --fab-shadow: 0 0.5rem 1.5rem var(--color-alpha-black-35);
  --flag-size: var(--size-flag);
  --hero-shade-top: var(--color-alpha-black-62);
  --hero-shade-mid: var(--color-alpha-black-48);
  --hero-shade-base: var(--color-alpha-black-88);
  --hero-veil: var(--color-alpha-black-62);
  --hero-text-soft: var(--color-alpha-ivory-80);
  --hero-text-faint: var(--color-alpha-ivory-55);
  --hero-track: var(--color-alpha-ivory-28);
  --panel-light-bg: var(--color-ivory-100);
}

/* Tema: dark */
.dark{
  --bg: var(--color-black);
  --fg: var(--color-ivory-text);
  --fg-muted: var(--color-warmgray-400);
  --accent: var(--color-gold-500);
  --accent-hover: var(--color-gold-300);
  --line: var(--color-alpha-gold-22);
  --card: var(--color-graphite-900);
  --focus: var(--color-gold-300);
}

/* Tema: deep */
.dark.deep{
  --bg: var(--color-graphite-950);
}

/* Tema: light */
.on-light{
  --bg: var(--color-ivory-50);
  --fg: var(--color-graphite-800);
  --fg-muted: var(--color-warmgray-600);
  --accent: var(--color-gold-700);
  --accent-hover: var(--color-graphite-800);
  --line: var(--color-alpha-black-09);
  --card: var(--color-white);
  --focus: var(--color-gold-700);
}

/* Idioma: zh */
:lang(zh){
  --tracking-display: 0;
  --tracking-title: 0;
  --tracking-heading: 0;
  --tracking-subhead: 0;
  --tracking-body: 0;
  --tracking-lead: 0;
}