/* variables.css — design tokens do site. Extraído de input/branding.txt (confidence 0.9). */
:root {
  /* Cores */
  --color-primary: #69727d;
  --color-secondary: #a886cd;
  --color-accent: #cc3366;
  --color-background: #ffffff;
  --color-surface: #f0f0f0;
  --color-text: #22282b;
  --color-text-muted: #69727d;
  --color-link: var(--color-accent);

  /* Botões (contraste ajustado para AA — original usava #333 sobre a secundária) */
  --color-button-primary-bg: var(--color-secondary);
  --color-button-primary-text: #1a1a1a;
  --color-button-secondary-bg: var(--color-surface);
  --color-button-secondary-text: #333333;

  /* Tipografia */
  --font-heading: "Montserrat", -apple-system, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif;
  --font-body: -apple-system, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif;
  --font-size-base: 1rem;
  --line-height-base: 1.6;

  /* Espaçamento (base 4px) e forma */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 2rem;
  --space-5: 4rem;
  --radius: 5px;
  --shadow: 0 16px 24px rgba(73, 104, 126, 0.16);
  --shadow-soft: 0 5px 40px rgba(0, 0, 0, 0.16);

  /* Layout */
  --container-max: 1140px;
}