/* ==========================================================================
   RÉGIA UNIFORMES - DESIGN SYSTEM & TOKENS
   Desenvolvido com foco em estética médico-hospitalar premium e alta conversão
   ========================================================================== */

:root {
  /* --- PALETA DE CORES PRIMÁRIA (Hospitalar / Confiança / Elegância) --- */
  --color-primary-950: #040e18;
  --color-primary-900: #091f33;
  --color-primary-800: #0e304f;
  --color-primary-700: #144570;
  --color-primary-600: #1a5d96;
  --color-primary-500: #2378bf;
  --color-primary-400: #4998dc;
  --color-primary-100: #e0effd;
  --color-primary-50: #f0f7fe;

  /* --- PALETA DE DESTAQUE (Teal / Fresh Mint / Saúde Clínica) --- */
  --color-teal-600: #0f766e;
  --color-teal-500: #0d9488;
  --color-teal-400: #14b8a6;
  --color-teal-300: #2dd4bf;
  --color-teal-100: #ccfbf1;
  --color-teal-50: #f0fdfa;

  /* --- PALETA DE ACENTO (Rose Blush / Delicadeza Feminina & Estética) --- */
  --color-rose-600: #be185d;
  --color-rose-500: #db2777;
  --color-rose-400: #f472b6;
  --color-rose-200: #fbcfe8;
  --color-rose-50: #fff1f2;

  /* --- BRANDING WHATSAPP (WCAG AA Compliant: 4.6:1 contrast with white) --- */
  --color-whatsapp: #0d8744;
  --color-whatsapp-hover: #086e37;
  --color-whatsapp-bright: #25D366;
  --color-whatsapp-dark: #075E54;
  --color-whatsapp-light: #dcf8c6;
  --color-whatsapp-glow: rgba(13, 135, 68, 0.35);

  /* --- SUPERFÍCIES E FUNDOS --- */
  --bg-page: #f8fafc;
  --bg-page-alt: #f1f5f9;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-surface-glass: rgba(255, 255, 255, 0.82);
  --bg-surface-dark: #091f33;
  --bg-surface-dark-glass: rgba(9, 31, 51, 0.88);

  /* --- TEXTO E CONTRASTE (WCAG AA Compliant) --- */
  --text-heading: #0f172a;
  --text-body: #334155;
  --text-muted: #64748b;
  --text-subtle: #94a3b8;
  --text-inverse: #ffffff;
  --text-inverse-muted: #cbd5e1;

  /* --- BORDAS E DIVISORES --- */
  --border-subtle: #e2e8f0;
  --border-light: rgba(226, 232, 240, 0.8);
  --border-accent: rgba(13, 148, 136, 0.3);
  --border-focus: #0d9488;

  /* --- TIPOGRAFIA --- */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* --- SOMBRAS E PROFUNDIDADE --- */
  --shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --shadow-sm: 0 2px 8px -1px rgba(15, 23, 42, 0.06), 0 1px 4px -1px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 8px 24px -4px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 16px 36px -6px rgba(15, 23, 42, 0.12), 0 8px 16px -4px rgba(15, 23, 42, 0.06);
  --shadow-xl: 0 24px 50px -12px rgba(15, 23, 42, 0.18);
  --shadow-glow-teal: 0 0 30px rgba(13, 148, 136, 0.25);
  --shadow-glow-rose: 0 0 30px rgba(219, 39, 119, 0.22);
  --shadow-glow-wa: 0 0 25px rgba(37, 211, 102, 0.35);

  /* --- ESPAÇAMENTOS E RADIUS --- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* --- TRANSIÇÕES --- */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.45s cubic-bezier(0.16, 1, 0.3, 1);

  /* --- CONTAINER --- */
  --container-max-width: 1240px;
  --container-padding: clamp(1.25rem, 4vw, 2.5rem);
}