/*
  Design tokens — Diulya Bonadie (diulyazanola.com)
  Paleta: pastel/terracota medida do site atual (design-system/brand.json), Quattrocento/Sintony.
  Base estrutural/motion: reaproveitada do grupoidecomunicacao.com (wordpresstovibecode).
*/
:root {
  --bg: #ffffff;
  --bg-elevated: #ffefef;
  --surface: #fff4f0;
  --surface-hover: #ffe4dc;
  --border: #f4ebea;
  --border-strong: #e2cfcb;

  --text: #3e2424;
  /* text-muted/text-faint escurecidos na auditoria de contraste (T024): o cinza-rosado
     medido em brand.json (#a89c9c) dava só ~2.6:1 sobre branco, abaixo do mínimo AA 4.5:1
     pra texto de corpo. Mantida a mesma temperatura de cor (rosado quente), só mais escuro. */
  --text-muted: #71605e;
  --text-faint: #7d6866;

  /* Marca Diulya Bonadie: coral -> terracota. */
  --brand-coral: #f38576;
  --brand-terracota: #a65b50;
  --brand-gradient: linear-gradient(135deg, var(--brand-coral), var(--brand-terracota));
  /* Versão "profunda" do degradê — usada só onde há texto branco por cima (cta-banner,
     card de oferta em destaque, link featured). O par coral/terracota original não passa
     4.5:1 com texto branco perto da ponta coral; estes dois tons escuros passam nas duas pontas. */
  --brand-gradient-deep: linear-gradient(135deg, #a65b50, #6b352e);

  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(62, 36, 36, 0.1);

  --font-display: 'Quattrocento', Georgia, Cambria, 'Times New Roman', serif;
  --font-sans: 'Sintony', Roboto, system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --ease: cubic-bezier(0.23, 1, 0.32, 1);
  --radius-pill: 9999px;
  --radius-lg: 24px;
  --radius-md: 12px;
}