/* ==========================================================================
   Design Tokens — Clínica com Carinho e Saúde ()
   Paleta Customizada & Tipografia Homologada | WCAG AA Compliant
   ========================================================================== */

:root {
  /* --- Palette: Customizável por Cliente --- */
  --bg-primary: #F5F7F2;
  --bg-secondary: #DDEBE3;
  --bg-surface: #FFFFFF;
  --bg-champagne: #DDEBE3;
  --text-primary: #102A27;
  --text-muted: #47625D;
  --text-light: #FDFBF7;
  --accent-gold: #C79A3B;
  --accent-gold-hover: #A77D25;
  --accent-gold-light: #EAD7A5;
  --accent-green: #0B6B5E;
  --accent-green-hover: #075047;
  --border-subtle: rgba(11, 107, 94, 0.24);
  --border-card: rgba(11, 59, 53, 0.18);

  /* --- Aliases (Compatibilidade) --- */
  --bg-base: var(--bg-primary);
  --cor-texto: var(--text-primary);
  --cor-texto-mutado: var(--text-muted);
  --cor-dourado: var(--accent-gold);
  --cor-cta: var(--accent-green);
  --cor-cta-hover: var(--accent-green-hover);
  --cor-surface: var(--bg-surface);
  --font-titulo: var(--font-heading);
  --font-corpo: var(--font-body);

  /* --- Typography: Raleway + Merriweather --- */
  --font-heading: 'Raleway', sans-serif, system-ui, -apple-system, sans-serif;
  --font-body: 'Merriweather', serif, system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Font Sizes */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 2.5rem;
  --text-5xl: 3.25rem;

  /* --- Glassmorphism Odontologico Premium --- */
  --glass-bg: rgba(253, 251, 247, 0.72);
  --glass-bg-card: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(11, 59, 53, 0.18);
  --glass-blur: 16px;
  --glass-shadow: 0 8px 32px 0 rgba(33, 29, 26, 0.08);
  --card-shadow: 0 12px 36px -4px rgba(33, 29, 26, 0.06);

  /* --- Layout, Radii & Spacing --- */
  --container-max: 1200px;
  --header-height: 76px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-card: 24px;
  --radius-pill: 9999px;

  /* --- Transitions & Layering --- */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  --z-canvas: 1;
  --z-content: 10;
  --z-header: 100;
  --z-modal: 500;
  --z-floating: 999;
}