/*
  Tokens de estilo — direção "clínico caloroso" (canvas creme + tinta índigo,
  serifa editorial + sans geométrica, pílulas, sombra quente).

  Fontes reais (Reckless Neue / Saans) são comerciais; usamos os fallbacks
  abertos indicados pela própria referência: DM Serif Display e DM Sans.

  Cor, tipografia, espaçamento e raio aqui são os únicos valores "herdados"
  da referência de estilo. Composição de layout, animação e copy são autorais.
*/

:root {
  /* Cor — marca (mesmo tom do card "Mensageria por WhatsApp" em
     "O que vem por aí" — --color-regesta-destaque — com tons derivados
     para hover (mais escuro) e traço/estado inativo claro (mais claro)) */
  --color-primary-indigo: #22749c;
  --color-deep-ink: #080331;
  --color-midnight-violet: #14445c;
  --color-lavender-mist: #c6dfec;

  /* Cor — acento */
  --color-forest: #328a3b;
  --color-ember: #ff6d39;
  --color-blossom: #f098d7;
  --color-petal: #ffaefe;
  --color-meadow: #114e0b;

  /* Cor — neutros */
  --color-true-black: #000000;
  --color-stone: #333333;
  --color-cream: #f8f3eb;
  --color-pure-white: #ffffff;

  /* Cor — semântica */
  --color-info-blue: #dce4fb;

  /* Cor da marca Regesta — só para a wordmark (design-kit/marca.md) */
  --color-regesta-destaque: #22749c;

  /* Sombra quente (nunca cinza fria) */
  --shadow-color: 75, 68, 57;
  --shadow-soft: 0 1px 2px rgba(var(--shadow-color), 0.06), 0 2px 8px rgba(var(--shadow-color), 0.08);
  --shadow-elevated: 0 4px 12px rgba(var(--shadow-color), 0.1), 0 12px 32px rgba(var(--shadow-color), 0.12);
  --shadow-button: 0 6px 16px rgba(34, 116, 156, 0.28);

  /* Tipografia */
  --font-display: "Source Serif 4", "DM Serif Display", Georgia, serif;
  --font-sans: "DM Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-wordmark: "IBM Plex Serif", "Source Serif 4", Georgia, serif;

  --size-display: 56px;
  --size-heading-lg: 48px;
  --size-heading: 32px;
  --size-heading-sm: 24px;
  --size-subheading: 20px;
  --size-body: 16px;
  --size-body-sm: 14px;
  --size-caption: 12px;

  /* Espaçamento — base 8px */
  --space-unit: 8px;
  --max-width: 1200px;
  --section-gap: 64px;
  --card-padding: 32px;
  --element-gap: 16px;

  /* Raio de borda */
  --radius-card: 16px;
  --radius-link: 24px;
  --radius-pill: 100px;
}