/* GERADO de babygym-brand/tokens — NÃO EDITE. Mude nos *.tokens.json e rode build.py. [hash 4d22aacf] */
:root{
  --sage-050: #EDF0EA;
  --sage-500: #5A6E55;
  --sage-700: #3C4F39;
  --sage-900: #2E3D2B;
  --gold-100: #F0E4C9;
  --gold-200: #E4D2A6;
  --gold-500: #B08A3E;
  --gold-600: #9A7B36;
  --terracotta-500: #D4A574;
  --ink-500: #6A6354;
  --ink-700: #403B31;
  --ink-900: #1E1C17;
  --paper-base: #F6F1E8;
  --paper-card: #FCFAF4;
  --line-base: #D9CFBE;
  --line-soft: #E9E1D2;
  --wa-base: #1FA855;
  --wa-700: #178045;
  --font-serif: Lora;
  --font-sans: Nunito;
  --font-size-display: 84px;
  --font-size-title: 56px;
  --font-size-data: 168px;
  --font-size-lead: 34px;
  --font-size-eyebrow: 30px;
  --font-size-body: 26px;
  --font-size-caption: 25px;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-tracking-normal: 0;
  --font-tracking-wide: 2px;
  --radius-xs: 5px;
  --radius-sm: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --shadow-1: 0 1px 2px rgba(30,28,23,.04),0 2px 10px rgba(30,28,23,.05);
  --shadow-2: 0 6px 22px rgba(30,28,23,.09);
  --color-feedback-green-600: #3E6B47;
  --color-feedback-brick-600: #A6442E;
  --color-feedback-ochre-700: #8A5A12;
  --color-feedback-slate-600: #3D6378;
  --feedback-success-fg: #3E6B47;
  --feedback-success-surface: #E7EFE7;
  --feedback-success-border: #BFD3BF;
  --feedback-error-fg: #A6442E;
  --feedback-error-surface: #F4E3DD;
  --feedback-error-border: #E2B6AA;
  --feedback-warning-fg: #8A5A12;
  --feedback-warning-surface: #F3E8D1;
  --feedback-warning-border: #DCC79A;
  --feedback-info-fg: #3D6378;
  --feedback-info-surface: #E2EAEF;
  --feedback-info-border: #B4C6D2;
  --state-action-pressed: #178045;
  --state-action-strong: #15803C;
  --state-brand-hover: #2E3D2B;
  --state-focus-ring: #3C4F39;
  --state-focus-ring-on-dark: #F0E4C9;
  --state-surface-disabled: #D9CFBE;
  --state-text-disabled: #6A6354;
  --opacity-disabled: 0.4;
  --opacity-hover-wash: 0.06;
  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --layout-container-max: 1200px;
  --layout-columns: 12;
  --layout-gutter: 24px;
  --layout-margin-mobile: 24px;
  --layout-margin-desk: 48px;
  --layout-touch-min: 44px;
  --ad-feed-4x5-w: 1080px;
  --ad-feed-4x5-h: 1350px;
  --ad-feed-4x5-safe-x: 90px;
  --ad-feed-4x5-safe-top: 90px;
  --ad-feed-4x5-safe-bottom: 120px;
  --ad-square-1x1-w: 1080px;
  --ad-square-1x1-h: 1080px;
  --ad-story-9x16-w: 1080px;
  --ad-story-9x16-h: 1920px;
  --ad-story-9x16-safe-top: 250px;
  --ad-story-9x16-safe-bottom: 310px;
  --ad-rule: Compor o conteúdo crítico dentro do centro 1080×1080 para reaproveitar entre formatos.;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --easing-enter: cubic-bezier(0, 0, 0, 1);
  --easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --motion-policy: Respeitar prefers-reduced-motion: reduce.;
  --button-primary-bg: #1FA855;
  --button-primary-fg: #F6F1E8;
  --button-primary-radius: 999px;
  --button-primary-pad-x: 24px;
  --button-primary-type: eyebrow ou body bold ≥18px (ver a11y A3);
  --button-primary-hover: #178045;
  --button-primary-pressed: #178045;
  --button-secondary-bg: transparent;
  --button-secondary-fg: #3C4F39;
  --button-secondary-border: 1px #3C4F39;
  --button-secondary-radius: 999px;
  --button-ghost-bg: transparent;
  --button-ghost-fg: #3C4F39;
  --button-ghost-hover: wash 0.06;
  --eyebrow-pill-bg: #FCFAF4;
  --eyebrow-pill-fg: #3C4F39;
  --eyebrow-pill-fg-on-dark: #F0E4C9;
  --eyebrow-pill-radius: 999px;
  --eyebrow-pill-type: {type.eyebrow};
  --eyebrow-pill-pad: 6px 16px;
  --tag-pill-bg: transparent;
  --tag-pill-fg: #F6F1E8;
  --tag-pill-border: 1px #D9CFBE;
  --tag-pill-radius: 999px;
  --card-bg: #FCFAF4;
  --card-radius: 16px;
  --card-elevation: 0 1px 2px rgba(30,28,23,.04),0 2px 10px rgba(30,28,23,.05);
  --card-border: 1px #D9CFBE;
  --input-bg: #F6F1E8;
  --input-border: 1px #D9CFBE;
  --input-radius: 10px;
  --input-focus: #3C4F39 2px +2px;
  --input-error-border: #E2B6AA;
  --cta-whatsapp-extends: button.primary;
  --cta-whatsapp-icon: whatsapp 20px à esquerda;
  --photo-scrim-overlay: linear-gradient(180deg, rgba(30,28,23,0) 0%, rgba(30,28,23,0.82) 92%);
  --photo-scrim-text: #F6F1E8;
  --photo-scrim-logo: branco;
  --photo-scrim-eyebrow: #F0E4C9;
  --font-fallback-serif: Lora, Georgia, 'Times New Roman', serif;
  --font-fallback-sans: Nunito, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --type-web-display: clamp(2.25rem, 1.6rem + 3.4vw, 4.5rem);
  --type-web-title: clamp(1.6rem, 1.2rem + 2.2vw, 3rem);
  --type-web-lead: clamp(1.15rem, 1rem + 0.7vw, 1.5rem);
  --type-web-body: 1rem;
  --type-web-eyebrow: clamp(0.8rem, 0.75rem + 0.3vw, 0.9375rem);
  --type-web-caption: 0.875rem;
  --measure-body: 68ch;
  --wrapping-rules-headings: text-wrap: balance;
  --wrapping-rules-paragraphs: text-wrap: pretty;
  --wrapping-rules-eyebrow: texto curto ≤ ~24 caracteres; nunca deixar a pílula quebrar em 2 linhas;
  --wrapping-rules-min-size: nada abaixo de 14px no web (12px só em rótulo legal/legenda);
  --loading: @font-face com font-display: swap; subset latin; preconnect ao provedor.;
  --logo-red: #FF3131;
  --logo-green: #016334;
  --logo-orange: #EB951C;
  --logo-yellow: #FFDE59;
  --logo-violet: #433D99;
  --logo-white: #FFFFFF;
  --rule: Sobre claro: logo em sage (brand) ou candy.green. Sobre foto/escuro: logo branco. Nunca pintar UI/layout com cores candy.;
  --overlay-scrim: #1E1C178C;
  --overlay-scrim-strong: #1E1C17B3;
  --overlay-scrim-gradient: linear-gradient(180deg, rgba(30,28,23,0) 0%, rgba(30,28,23,0.82) 92%);
  --shadow-3: 0 16px 40px rgba(30,28,23,.13);
  --color-terracotta-700: #A6531B;
  --text-emphasis: #A6531B;
  --text-emphasis-on-dark: #F0E4C9;
  --font-creative: Fredoka, 'Baloo 2', Nunito, system-ui, sans-serif;
  --creative-font: Fredoka, 'Baloo 2', Nunito, system-ui, sans-serif;
  --type-headline-creative-family: Lora;
  --type-headline-creative-weight: 400;
  --type-badge-creative-family: Fredoka, 'Baloo 2', Nunito, system-ui, sans-serif;
  --type-badge-creative-weight: 600;
  --type-badge-creative-transform: uppercase;
  --type-cta-creative-family: Fredoka, 'Baloo 2', Nunito, system-ui, sans-serif;
  --type-cta-creative-weight: 600;
  --brand: #3C4F39;
  --brand-deep: #2E3D2B;
  --brand-soft: #EDF0EA;
  --bg-surface: #F6F1E8;
  --bg-card: #FCFAF4;
  --text-body: #1E1C17;
  --text-muted: #6A6354;
  --border: #D9CFBE;
  --border-soft: #E9E1D2;
  --accent: #B08A3E;
  --accent-2: #D4A574;
  --accent-on-dark: #F0E4C9;
  --text-on-dark: #F6F1E8;
  --text-muted-on-dark: #D9CFBE;
  --border-on-dark: #D9CFBE;
  --action: #1FA855;
  --action-hover: #178045;
  --heading-font: Lora;
  --body-font: Nunito;
  --type-display-family: Lora;
  --type-display-size: 84px;
  --type-display-weight: 400;
  --type-display-leading: 1.05;
  --type-display-tracking: 0;
  --type-title-family: Lora;
  --type-title-size: 56px;
  --type-title-weight: 400;
  --type-title-leading: 1.1;
  --type-title-tracking: 0;
  --type-data-family: Lora;
  --type-data-size: 168px;
  --type-data-weight: 400;
  --type-data-leading: 0.9;
  --type-data-tracking: 0;
  --type-lead-family: Nunito;
  --type-lead-size: 34px;
  --type-lead-weight: 400;
  --type-lead-leading: 1.4;
  --type-lead-tracking: 0;
  --type-eyebrow-family: Nunito;
  --type-eyebrow-size: 30px;
  --type-eyebrow-weight: 700;
  --type-eyebrow-leading: 1.0;
  --type-eyebrow-tracking: 2px;
  --type-body-family: Nunito;
  --type-body-size: 26px;
  --type-body-weight: 400;
  --type-body-leading: 1.5;
  --type-body-tracking: 0;
  --type-caption-family: Nunito;
  --type-caption-size: 25px;
  --type-caption-weight: 600;
  --type-caption-leading: 1.3;
  --type-caption-tracking: 0;
}
[data-theme="lp"]{ --accent: #B08A3E; }
[data-theme="ads"]{ --accent: #D4A574; }
[data-theme="blog"]{ --accent: #9A7B36; }