/*
  Paleta ilustrativa (placeholder) — trocar quando a identidade visual for definida.
  Base: verde-azulado calmo (saúde/digestivo) + neutros quentes.
*/
:root {
  /* Marca (placeholder) */
  --color-brand-50:  #eef7f5;
  --color-brand-100: #d7ece6;
  --color-brand-200: #b0d9cd;
  --color-brand-300: #82c0ae;
  --color-brand-400: #56a690;
  --color-brand-500: #338573;
  --color-brand-600: #266b5c;
  --color-brand-700: #1f564a;
  --color-brand-800: #1a453c;
  --color-brand-900: #163a33;

  --color-accent-500: #d98a4b;
  --color-accent-600: #c07332;
  --color-accent-700: #a25f27;

  /* Neutros */
  --color-ink-900: #1c2422;
  --color-ink-700: #3d4744;
  --color-ink-500: #5d6a67;
  --color-ink-300: #97a5a0;
  --color-ink-200: #d5ded9;
  --color-ink-100: #e7ede9;
  --color-ink-50:  #f2f6f4;
  --color-paper: #ffffff;
  --color-bg: #f5f8f7;

  /* Status — pares fundo/texto com contraste adequado (AA em texto pequeno) */
  --color-status-agendado: #4b5bbf;
  --color-status-confirmado: #1f564a;
  --color-status-aguardando: #9a6b16;
  --color-status-atendimento: #b04a24;
  --color-status-finalizado: #5d6a67;
  --color-status-alerta: #b3271b;

  --bg-status-agendado: #eceffb;
  --bg-status-confirmado: #e3f1ec;
  --bg-status-aguardando: #fbf1dd;
  --bg-status-atendimento: #fbe7de;
  --bg-status-finalizado: #eceff0;

  /* Tipografia
     display  → títulos do site (serifada, transmite confiança/autoridade)
     body/ui  → texto e interface (sans neutra, alta legibilidade) */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-ui: 'Inter', 'Segoe UI', system-ui, sans-serif;

  /* Espaçamento */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* Bordas e sombra */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --shadow-xs: 0 1px 2px rgba(28, 36, 34, 0.06);
  --shadow-sm: 0 1px 3px rgba(28, 36, 34, 0.07), 0 1px 2px rgba(28, 36, 34, 0.04);
  --shadow-md: 0 8px 24px rgba(28, 36, 34, 0.09);
  --shadow-lg: 0 18px 44px rgba(28, 36, 34, 0.13);
  --ring: 0 0 0 3px var(--color-brand-100);

  /* Painel admin: texto e alvos maiores para baixo letramento em TI */
  --admin-font-size-base: 17px;
  --admin-tap-min: 44px;
  --admin-sidebar-w: 264px;
  --admin-topbar-h: 60px;
}