/**
 * Tokens de cor/tipografia.
 * Identidade "cozy": verde-sálvia (folhagem) + marrom terracota (caule/madeira),
 * fundo creme quente em vez de branco frio — pegada de lar, não de clínica.
 */
:root {
  --primary: #6f8f5a;
  --primary-dark: #4f6b45;
  --primary-light: #cfe0bf;
  --accent: #a9764f;
  --blue: #3f7fb0;

  --whatsapp: #25d366;
  --whatsapp-dark: #1ebe5a;

  --background: #fbf8f2;
  --bg-translucent: rgba(251, 248, 242, 0.86);
  --surface: #fffdf9;
  --border: #e6ddc9;

  --foreground: #2a231a;
  --muted-text: rgba(42, 35, 26, 0.64);
  --muted-foreground: rgba(42, 35, 26, 0.74);
  --muted-bg: rgba(111, 143, 90, 0.08);

  --cat-vasinhos-bg: #f7e9de;
  --cat-vasinhos-fg: #a9764f;
  --cat-pai-bg: #eaf3fc;
  --cat-pai-fg: #2f6690;
  --cat-mae-bg: #eef4e6;
  --cat-mae-fg: #4f6b45;
  --cat-filho-bg: #fff6e2;
  --cat-filho-fg: #b3781a;
  --cat-pet-bg: #fdecef;
  --cat-pet-fg: #c1476b;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;

  --shadow-sm: 0 2px 10px rgba(42, 35, 26, 0.06);
  --shadow-md: 0 12px 30px rgba(42, 35, 26, 0.08);
  --shadow-lg: 0 24px 50px rgba(42, 35, 26, 0.12);

  --font-heading: "Space Grotesk", "Inter", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
}