/* tokens.css — gerado de tokens.json (Talita Beffa). Light = :root · Dark = [data-theme="dark"] */
:root{
  --color-gold-50: #F8F3E9;
  --color-gold-100: #F4EDE1;
  --color-gold-200: #ECE1D1;
  --color-gold-300: #DDCBB3;
  --color-gold-400: #C9AF8B;
  --color-gold-500: #B9976A;
  --color-gold-600: #9D805A;
  --color-gold-700: #7E6748;
  --color-gold-800: #5A4A34;
  --color-gold-900: #33291D;
  --color-coffee-50: #F3EFE7;
  --color-coffee-100: #E9E4DB;
  --color-coffee-200: #D4CDC4;
  --color-coffee-300: #ABA298;
  --color-coffee-400: #766A5E;
  --color-coffee-500: #4A3B2E;
  --color-coffee-600: #403327;
  --color-coffee-700: #352A21;
  --color-coffee-800: #292019;
  --color-coffee-900: #1B1510;
  --color-neutral-50: #F6F2EA;
  --color-neutral-100: #EFEBE3;
  --color-neutral-200: #E2DDD4;
  --color-neutral-300: #C9C2B9;
  --color-neutral-400: #A7A095;
  --color-neutral-500: #8C8377;
  --color-neutral-600: #776F65;
  --color-neutral-700: #615A51;
  --color-neutral-800: #464139;
  --color-neutral-900: #292520;
  --color-base-paper: #FBF7EF;
  --color-base-ink: #1B1510;
  --color-base-black-pure: #000000;
  --color-base-white-warm: #FFFDDB;
  --color-base-gold-soft: #D9BE84;
  --color-base-gold-hi: #F0D4A6;
  --color-feedback-success: #5E7C5A;
  --color-feedback-warning: #C2912F;
  --color-feedback-error: #B0473A;
  --color-feedback-info: #5E7184;
  --font-display: 'The Seasons', 'Cormorant Garamond', Georgia, serif;
  --font-script: 'Halimun', 'Dancing Script', cursive;
  --font-sans: 'MADE Evolve', 'Poppins', system-ui, sans-serif;
  --text-display: clamp(34px,5.2vw,60px);
  --text-heading-1: clamp(30px,4vw,44px);
  --text-heading-2: clamp(26px,3.4vw,38px);
  --text-heading-3: clamp(22px,2.6vw,30px);
  --text-heading-4: 22px;
  --text-body-lg: 17px;
  --text-body-md: 15px;
  --text-body-sm: 13px;
  --text-caption: 12px;
  --text-label: 11px;
  --text-script-accent: clamp(22px,3vw,32px);
  --lh-tight: 1.04;
  --lh-heading: 1.12;
  --lh-body: 1.7;
  --lh-caption: 1.5;
  --ls-display: -0.01em;
  --ls-normal: 0;
  --ls-label: 0.3em;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --space-0: 0px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;
  --space-component-xs: 4px;
  --space-component-sm: 8px;
  --space-component-md: 16px;
  --space-component-lg: 24px;
  --space-section-sm: 64px;
  --space-section-md: 96px;
  --space-section-lg: 128px;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 999px;
  --radius-button: 999px;
  --radius-card: 16px;
  --radius-input: 8px;
  --radius-pill: 999px;
  --stroke-0: 0;
  --stroke-1: 1px;
  --stroke-2: 2px;
  --stroke-4: 4px;
  --stroke-8: 8px;
  --stroke-default: 1px;
  --stroke-focus: 2px;
  --stroke-strong: 2px;
  --shadow-xs: 0 1px 2px rgba(74,59,46,0.06);
  --shadow-sm: 0 2px 8px rgba(74,59,46,0.08);
  --shadow-card: 0 8px 30px rgba(74,59,46,0.10);
  --shadow-md: 0 12px 40px rgba(74,59,46,0.12);
  --shadow-lg: 0 20px 60px rgba(74,59,46,0.16);
  --shadow-modal: 0 30px 80px rgba(74,59,46,0.22);
  --shadow-glow-gold: 0 10px 30px rgba(184,137,61,0.45);
  --shadow-card-dark: 0 8px 30px rgba(0,0,0,0.5);
  --shadow-glow-dark: 0 0 0 1px rgba(217,190,132,0.25), 0 0 40px rgba(184,137,61,0.18);
  --z-base: 0;
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-nav: 1030;
  --z-modal: 1040;
  --z-popover: 1050;
  --z-toast: 1060;
  --dur-instant: 0ms;
  --dur-fast: 150ms;
  --dur-default: 250ms;
  --dur-slow: 400ms;
  --dur-cinematic: 800ms;
  --ease-linear: linear;
  --ease-ease-in: cubic-bezier(0.4,0,1,1);
  --ease-ease-out: cubic-bezier(0,0,0.2,1);
  --ease-ease-in-out: cubic-bezier(0.4,0,0.2,1);
  --ease-spring: cubic-bezier(0.34,1.56,0.64,1);
  --bp-xs: 360px;
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1536px;
  /* semantic (light) */
  --bg-canvas: #FBF7EF;
  --bg-surface: #FFFFFF;
  --bg-subtle: #F6F2EA;
  --bg-muted: #EFEBE3;
  --bg-elevated: #FFFFFF;
  --bg-inverse: #1B1510;
  --fg-default: #352A21;
  --fg-muted: #615A51;
  --fg-subtle: #776F65;
  --fg-on-brand: #231A0E;
  --fg-on-inverse: #FFFDDB;
  --border-default: #E2DDD4;
  --border-subtle: #EFEBE3;
  --border-strong: #C9C2B9;
  --border-focus: #B9976A;
  --brand-default: #B9976A;
  --brand-hover: #9D805A;
  --brand-active: #7E6748;
  --brand-subtle: #F4EDE1;
  --brand-fg: #231A0E;
}
[data-theme="dark"]{
  --bg-canvas: #1B1510;
  --bg-surface: #292019;
  --bg-subtle: #211A14;
  --bg-muted: #292019;
  --bg-elevated: #352A21;
  --bg-inverse: #FBF7EF;
  --fg-default: #F3EFE7;
  --fg-muted: #C9C2B9;
  --fg-subtle: #A7A095;
  --fg-on-brand: #231A0E;
  --fg-on-inverse: #352A21;
  --border-default: rgba(217,190,132,0.18);
  --border-subtle: rgba(217,190,132,0.10);
  --border-strong: rgba(217,190,132,0.30);
  --border-focus: #D9BE84;
  --brand-default: #D9BE84;
  --brand-hover: #C9AF8B;
  --brand-active: #DDCBB3;
  --brand-subtle: rgba(184,137,61,0.14);
  --brand-fg: #231A0E;
}
/* Gradientes de componente (adicionados após revisão do design final) */
:root{
  --gradient-btn-primary: linear-gradient(90deg, #B9976A 0%, #C9AF8B 100%);
  --gradient-btn-whatsapp: linear-gradient(90deg, #B9976A 0%, #DDCBB3 100%);
  --gradient-btn-secondary-border: linear-gradient(90deg, #B9976A 0%, #DDCBB3 100%);
  --gradient-ribbon: linear-gradient(90deg, #9D805A 0%, #C9AF8B 100%);
}