/* Copia local de https://design.cloudpage.com.br/tokens.css baixada em 15/09/2026
   (servida pela LP para nao bloquear o primeiro desenho). Nao editar: atualizar baixando de novo. */
/* CloudPage Design System — gerado por design-system/build.mjs. NÃO EDITE À MÃO: edite tokens.json. */

:root {
  /* Cores primitivas */
  --carvao-50: #FAF8F3;
  --carvao-100: #F3EFE6;
  --carvao-200: #E6E0D3;
  --carvao-300: #CFC8B9;
  --carvao-400: #A8A193;
  --carvao-500: #7D776B;
  --carvao-600: #5E594F;
  --carvao-700: #45423A;
  --carvao-800: #292924;
  --carvao-850: #22221E;
  --carvao-900: #1B1B18;
  --carvao-950: #11110F;
  --terracota-50: #FBF3EE;
  --terracota-100: #F6E1D3;
  --terracota-200: #EDC2A7;
  --terracota-300: #E29C77;
  --terracota-400: #D9774C;
  --terracota-500: #CC5A2A;
  --terracota-600: #C2410C;
  --terracota-700: #9E3409;
  --terracota-800: #7A2A0C;
  --terracota-900: #5C220E;
  --terracota-950: #34130A;
  --areia-50: #FFF9F0;
  --areia-100: #FBF3E4;
  --areia-200: #F8F0DF;
  --areia-300: #F3EAD2;
  --areia-400: #E6D8B5;
  --sucesso-100: #E3F1E7;
  --sucesso-600: #276B43;
  --aviso-100: #F8ECD3;
  --aviso-600: #85560F;
  --erro-100: #F9E1DE;
  --erro-600: #B42318;
  --info-100: #E0ECF4;
  --info-600: #2F6690;
  --branco: #FFFFFF;
  --whatsapp: #25D366;

  /* Tipografia */
  --font-family-display: "Archivo Black", "Arial Black", system-ui, sans-serif;
  --font-family-sans: "Hind", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-family-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  --font-size-display: clamp(3rem, 2rem + 4.5vw, 5.5rem);
  --font-size-h1: clamp(2.5rem, 1.8rem + 3vw, 4rem);
  --font-size-h2: clamp(2rem, 1.5rem + 2vw, 3rem);
  --font-size-h3: clamp(1.5rem, 1.3rem + .8vw, 1.875rem);
  --font-size-h4: 1.25rem;
  --font-size-metric: clamp(2.25rem, 1.5rem + 3vw, 3.5rem);
  --font-size-lead: 1.25rem;
  --font-size-body-lg: 1.125rem;
  --font-size-body: 1rem;
  --font-size-body-sm: 0.875rem;
  --font-size-caption: 0.75rem;
  --font-size-kicker: 0.72rem;
  --font-line-height-display: 0.96;
  --font-line-height-heading: 1.05;
  --font-line-height-snug: 1.25;
  --font-line-height-body: 1.6;
  --font-tracking-kicker: 0.16em;
  --font-tracking-button: 0.06em;
  --font-tracking-mono: 0.04em;

  /* Espaçamento */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;

  /* Layout */
  --layout-container: 1280px;
  --layout-gutter-mobile: 20px;
  --layout-gutter-desktop: 32px;
  --layout-reading: 65ch;
  --layout-bp-sm: 640px;
  --layout-bp-md: 768px;
  --layout-bp-lg: 1024px;
  --layout-bp-xl: 1280px;

  /* Raios */
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-full: 9999px;

  /* Bordas */
  --border-width-hairline: 1px;
  --border-width-input: 1.5px;
  --border-width-focus: 2px;
  --border-width-alert: 3px;

  /* Sombras */
  --shadow-xs: 0 1px 2px rgb(27 27 24 / .06);
  --shadow-sm: 0 2px 6px -1px rgb(27 27 24 / .08);
  --shadow-md: 0 8px 20px -6px rgb(27 27 24 / .14);
  --shadow-lg: 0 18px 40px -12px rgb(27 27 24 / .22);
  --shadow-cta: 0 12px 30px -12px rgb(194 65 12 / .8);

  /* Camadas */
  --z-raised: 10;
  --z-header: 20;
  --z-dropdown: 30;
  --z-float: 40;
  --z-overlay: 50;
  --z-modal: 60;
  --z-toast: 70;
  --z-tooltip: 80;

  /* Movimento */
  --dur-rapida: 150ms;
  --dur-base: 250ms;
  --dur-lenta: 400ms;
  --dur-revelar: 900ms;
  --ease-padrao: cubic-bezier(.2, 0, 0, 1);
  --ease-saida: cubic-bezier(.22, 1, .36, 1);

  /* Ícones */
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --icon-stroke: 1.5;

  /* Semânticos · claro */
  --bg: var(--areia-50);
  --surface: #FFFDF9;
  --surface-alt: var(--areia-300);
  --surface-inverse: var(--carvao-900);
  --text: var(--carvao-900);
  --text-muted: var(--carvao-600);
  --text-subtle: var(--carvao-500);
  --border: var(--carvao-200);
  --border-strong: var(--carvao-300);
  --border-input: var(--carvao-500);
  --accent-text: var(--terracota-600);
  --accent-display: var(--terracota-600);
  --action: var(--terracota-600);
  --action-hover: var(--terracota-700);
  --on-action: var(--branco);
  --focus: var(--terracota-600);
}

/* Tema escuro: sistema operacional escuro, a menos que a página force claro */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: var(--carvao-900);
    --surface: var(--carvao-800);
    --surface-alt: var(--carvao-850);
    --surface-inverse: var(--areia-50);
    --text: var(--carvao-100);
    --text-muted: var(--carvao-400);
    --text-subtle: var(--carvao-500);
    --border: #3A3832;
    --border-strong: #4E4B43;
    --border-input: var(--carvao-500);
    --accent-text: var(--terracota-400);
    --accent-display: var(--terracota-600);
    --action: var(--terracota-600);
    --action-hover: var(--terracota-700);
    --on-action: var(--branco);
    --focus: var(--terracota-400);
  }
}

/* Tema escuro forçado */
:root[data-theme="dark"] {
  --bg: var(--carvao-900);
  --surface: var(--carvao-800);
  --surface-alt: var(--carvao-850);
  --surface-inverse: var(--areia-50);
  --text: var(--carvao-100);
  --text-muted: var(--carvao-400);
  --text-subtle: var(--carvao-500);
  --border: #3A3832;
  --border-strong: #4E4B43;
  --border-input: var(--carvao-500);
  --accent-text: var(--terracota-400);
  --accent-display: var(--terracota-600);
  --action: var(--terracota-600);
  --action-hover: var(--terracota-700);
  --on-action: var(--branco);
  --focus: var(--terracota-400);
}

/* Movimento reduzido */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}