/*
  Tokens extraídos por inspeção do site ao vivo (DevTools/getComputedStyle) — não é cópia
  do CSS do tema comercial "Revolution", é leitura de valores computados para reproduzir o
  resultado visual com um sistema de CSS próprio. Ver o plano de migração para o porquê.
*/
:root {
  /* Cor de marca */
  --color-accent: #f74a4b;
  --color-accent-dark: #d93536;
  /* Segunda cor de marca — títulos de fileira e rótulo de categoria no card usam esta,
     não o vermelho/rosa do --color-accent (confirmado por getComputedStyle no site ao vivo). */
  --color-indigo: #090082;

  /* Texto e fundo */
  --color-text: #535353;
  --color-heading: #343434;
  --color-heading-on-dark: #ffffff;
  --color-bg: #fefefe;
  --color-bg-alt: #f7f7f8;
  --color-border: #e6e6e6;
  --color-muted: #8a8a8a;

  /* Tipografia */
  --font-light: "evo-light", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", sans-serif;
  --font-regular: "evo-regular", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", sans-serif;
  --font-semibold: "evo-semibold", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", sans-serif;
  --font-bold: "evo-bold", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", sans-serif;
  --font-black: "evo-black", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", sans-serif;

  --text-base: 16px;
  --text-body: 20px;
  --text-small: 14px;
  --text-tiny: 12px;
  --text-h1: 42px;
  --text-h2: 34px;
  --text-h3: 26px;
  --text-h4: 20px;

  --leading-body: 32px;
  --leading-tight: 1.15;

  /* Espaçamento */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;

  /* Grid (Foundation-like, dimensão real medida no site) */
  --container-max: 1440px;
  --gutter: 20px;

  /* Camadas e forma */
  --radius: 6px;
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);
  --shadow-header: 0 1px 3px rgba(0, 0, 0, 0.06);

  /* Breakpoints (usados em @media, documentados aqui por referência) */
  --bp-small: 640px;
  --bp-medium: 1024px;
  --bp-large: 1200px;
}