/* ==========================================================================
   VARIABLES — tokens de marca
   Cores e escalas herdadas do Design System SeuMed (Sprint 93, canônico).
   Extensões (superfície escura, cores de estágio) criadas para esta peça,
   derivadas da mesma paleta — nunca arbitrárias.
   ========================================================================== */

:root {
  /* ---------- Marca ---------- */
  --primary: #0F4C75;
  --primary-hover: #0d4168;
  --primary-active: #0d3d5e;
  --primary-tint: #EFF6FF;
  --primary-tint-border: #DBEAFE;
  --primary-soft: #E9F1F7; /* azul institucional bem diluído, para fundos amplos */

  /* ---------- Cinzas (escala real do produto) ---------- */
  --gray-50:  #F9FAFB;
  --gray-100: #F3F4F6;
  --gray-200: #E5E7EB;
  --gray-300: #D1D5DB;
  --gray-400: #9CA3AF;
  --gray-500: #6B7280;
  --gray-700: #374151;
  --gray-900: #111827;
  --white: #FFFFFF;

  /* ---------- Superfície escura (beats emocionais: capa, ruptura, fechamento) ---------- */
  --dark-0: #0A1420;   /* quase preto, com temperatura azulada da marca — nunca preto puro */
  --dark-1: #0F1D2E;
  --dark-2: #16273B;
  --on-dark: #EAF0F6;
  --on-dark-dim: #94A3B8;   /* mesma cor dos labels de relato no documento canônico */
  --on-dark-faint: #64748B; /* mesma cor do "botão fantasma" no documento canônico */

  /* ---------- Semânticas ---------- */
  --success: #15803D;
  --success-bg: #F0FDF4;
  --success-border: #BBF7D0;
  --error: #DC2626;
  --error-bg: #FEF2F2;
  --error-border: #FECACA;
  --warning: #B45309;
  --warning-bg: #FFFBEB;
  --warning-border: #FDE68A;
  --info: #1D4ED8;
  --info-bg: #EFF6FF;

  /* ---------- As cinco etapas (pares KPI do Design System, 1 por etapa) ---------- */
  --st-encontrar: #1D4ED8;   --st-encontrar-bg: #EFF6FF;
  --st-atender:   #C2410C;   --st-atender-bg:   #FFF7ED;
  --st-agendar:   #15803D;   --st-agendar-bg:   #F0FDF4;
  --st-comparecer:#BE123C;   --st-comparecer-bg:#FFF1F2;
  --st-voltar:    #065F46;   --st-voltar-bg:    #ECFDF5;

  /* ---------- Tipografia ---------- */
  --font-sans: 'Plus Jakarta Sans', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ---------- Raio (escala real do produto) ---------- */
  --r-lg: 8px;
  --r-xl: 12px;
  --r-2xl: 16px;
  --r-full: 9999px;

  /* ---------- Sombra ---------- */
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .08);
  --shadow-md: 0 6px 16px -4px rgba(16, 24, 40, .12);
  --shadow-xl: 0 24px 48px -12px rgba(10, 20, 32, .28);
  --shadow-2xl: 0 32px 64px -16px rgba(10, 20, 32, .4);
  --shadow-dark-glow: 0 0 120px rgba(15, 76, 117, .35);

  /* ---------- Movimento ---------- */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: .2s;
  --dur-base: .4s;
  --dur-slow: .8s;

  /* ---------- Layout ---------- */
  --content-max: 1200px;
  --content-max-narrow: 800px;
  --pad-x: clamp(24px, 6vw, 88px);
  --pad-x-tight: clamp(20px, 4vw, 56px);
  --chrome-h: 64px;
}