:root {
  --navy: #0f2744;
  --navy-dark: #0a1a2e;
  --navy-light: #1a3a5c;
  --teal: #0d9488;
  --teal-light: #14b8a6;
  --teal-dark: #0f766e;
  --emerald: #059669;
  --white: #ffffff;
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-300: #cbd5e1;
  --gray-500: #64748b;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-900: #0f172a;
  --whatsapp: #25d366;
  --shadow-sm: 0 1px 2px rgba(15, 39, 68, 0.06);
  --shadow-md: 0 4px 16px rgba(15, 39, 68, 0.08);
  --shadow-lg: 0 12px 40px rgba(15, 39, 68, 0.12);
  --radius: 12px;
  --radius-lg: 16px;
  --transition: 0.2s ease;
  --header-height: 72px;
}