/*
  Sistema de design da clínica — Deborah Dias & André Felipe.

  Paleta: verde-floresta profundo + dourado bronze (ajustada a pedido,
  inspirada em referências visuais de alto padrão trazidas pelo cliente).

  Toda cor, fonte, raio de borda e sombra usada na interface deve vir
  destas variáveis — nunca valores soltos espalhados pelo CSS (seção 54
  do briefing). Isso é o que permite trocar a identidade visual pelo
  painel administrativo no futuro sem reescrever a aplicação.
*/

:root {
  /* ---- Marca ---- */
  --color-primary: #16302a;          /* verde-floresta profundo — cabeçalhos, textos de destaque */
  --color-primary-light: #2c5245;
  --color-primary-dark: #0b1e19;

  --color-accent: #a5843a;           /* dourado bronze — CTAs, detalhes, links */
  --color-accent-light: #c7a559;
  --color-accent-dark: #83672c;
  --color-accent-tint: #f3ead9;      /* dourado muito claro, para fundos suaves */

  /* ---- Neutros / superfícies ---- */
  --color-background: #f8f6f1;       /* marfim quente, não branco puro */
  --color-surface: #ffffff;
  --color-surface-alt: #f0eee7;
  --color-border: #e2ddd0;

  /* ---- Texto ---- */
  --color-text-primary: #16302a;
  --color-text-secondary: #5c6b64;
  --color-text-inverse: #f8f6f1;

  /* ---- Status (seção 36) ---- */
  --color-success: #3f7a52;
  --color-success-tint: #e7f1e9;
  --color-warning: #b8863b;
  --color-warning-tint: #faf1e0;
  --color-danger: #a4453a;
  --color-danger-tint: #f7e9e7;
  --color-info: #3d6b8c;
  --color-info-tint: #e8f0f5;
  --color-neutral: #8a8a86;
  --color-neutral-tint: #ececea;

  /* ---- Tipografia ---- */
  --font-heading: "Fraunces", "Georgia", serif;
  --font-body: "Inter", -apple-system, "Segoe UI", sans-serif;
  --font-script: "Caveat", cursive;   /* toques manuscritos decorativos */

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;
  --text-5xl: 3.75rem;

  /* ---- Espaçamento ---- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* ---- Forma ---- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* ---- Sombra (extremamente sutil, conforme briefing) ---- */
  --shadow-sm: 0 1px 2px rgba(22, 48, 42, 0.06);
  --shadow-md: 0 8px 24px rgba(22, 48, 42, 0.08);
  --shadow-lg: 0 20px 48px rgba(22, 48, 42, 0.14);

  /* ---- Layout ---- */
  --content-max-width: 1180px;
  --transition-fast: 150ms ease;
  --transition-base: 260ms cubic-bezier(0.2, 0.7, 0.3, 1);
}