/* Omega Pharma — Modern Clinical Palette
   Reversible overlay: the original compiled stylesheet remains untouched.
*/
:root {
  --primary: #2563EB;
  --primary-foreground: #FFFFFF;
  --sidebar-primary: #2563EB;
  --sidebar-primary-foreground: #FFFFFF;
  --background: #F7FAFC;
  --foreground: #243B53;
  --card: #FFFFFF;
  --card-foreground: #243B53;
  --popover: #FFFFFF;
  --popover-foreground: #243B53;
  --secondary: #EAF8F6;
  --secondary-foreground: #102A43;
  --muted: #EFF4F8;
  --muted-foreground: #627D98;
  --accent: #EAF8F6;
  --accent-foreground: #102A43;
  --border: #D9E2EC;
  --input: #D9E2EC;
  --ring: #2563EB;
  --chart-1: #2563EB;
  --chart-2: #13B8A6;
  --chart-3: #102A43;
  --chart-4: #F2B84B;
  --chart-5: #16A34A;
  --sidebar: #FFFFFF;
  --sidebar-foreground: #243B53;
  --sidebar-accent: #EAF8F6;
  --sidebar-accent-foreground: #102A43;
  --sidebar-border: #D9E2EC;
  --sidebar-ring: #2563EB;
}

html { background: #F7FAFC !important; }
body { background: #F7FAFC !important; color: #243B53 !important; }

/* Replace the old aqua radial page wash with a cleaner clinical blue wash. */
#root [class*="bg-[radial-gradient(circle_at_top"] {
  background: radial-gradient(circle at top, rgba(37, 99, 235, 0.10), transparent 42%), linear-gradient(180deg, #F7FAFC 0%, #EEF6FF 100%) !important;
}

/* Modern navy/blue/teal hero panel. */
#root [class*="bg-[linear-gradient(135deg,#0f172a"] {
  background: linear-gradient(135deg, #102A43 0%, #1A4B68 64%, #13B8A6 100%) !important;
}

#root [class*="bg-[linear-gradient(135deg,#f7fefe"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #EAF8F6 100%) !important;
}

#root [class*="bg-[linear-gradient(180deg,#ffffff"] {
  background: linear-gradient(180deg, #FFFFFF 0%, #EAF8F6 100%) !important;
}

#root [class*="bg-[linear-gradient(180deg,rgba(255,255,255,0.98)"] {
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(234,248,246,.96) 100%) !important;
}

/* Token-based utility overrides. */
#root [class~="bg-primary"] { background-color: #2563EB !important; }
#root [class~="text-primary"] { color: #2563EB !important; }
#root [class~="bg-secondary"] { background-color: #EAF8F6 !important; }
#root [class~="text-secondary-foreground"] { color: #102A43 !important; }
#root [class~="text-foreground"] { color: #243B53 !important; }
#root [class~="text-muted-foreground"] { color: #627D98 !important; }
#root [class~="text-slate-950"] { color: #102A43 !important; }
#root [class~="text-slate-900"] { color: #102A43 !important; }
#root [class~="border-primary/10"] { border-color: rgba(37,99,235,.14) !important; }
#root [class~="border-primary/15"] { border-color: rgba(37,99,235,.20) !important; }
#root [class~="bg-primary/10"] { background-color: rgba(37,99,235,.10) !important; }
#root [class~="bg-[#1fa97a]"] { background-color: #13B8A6 !important; }
#root [class~="bg-[#1a1a19]"] { background-color: #102A43 !important; }
#root [class~="bg-[#eaf7f7]"] { background-color: #EAF8F6 !important; }
#root [class~="bg-[#ecf8f8]"] { background-color: #EEF6FF !important; }
#root [class~="bg-[#f7fefe]"] { background-color: #F7FAFC !important; }
#root [class~="bg-[#f8fdfd]"] { background-color: #FFFFFF !important; }

/* Header: crisp, light and premium instead of translucent aqua. */
#root .sticky.top-0 {
  background-color: rgba(255,255,255,.94) !important;
  border-bottom-color: #D9E2EC !important;
  box-shadow: 0 10px 28px rgba(16,42,67,.08) !important;
}
#root .sticky.top-0 [class~="bg-white/75"],
#root .sticky.top-0 [class~="bg-white/80"] {
  background-color: rgba(255,255,255,.98) !important;
  border-color: #D9E2EC !important;
}

/* Cards and primary surfaces. */
#root [class~="bg-white/85"],
#root [class~="bg-white/90"] { background-color: rgba(255,255,255,.96) !important; }
#root [class~="border-white/70"],
#root [class~="border-white/60"] { border-color: #D9E2EC !important; }
#root [class~="shadow-[0_30px_100px_rgba(15,23,42,0.08)]"] {
  box-shadow: 0 24px 64px rgba(16,42,67,.10) !important;
}

/* Interactive states keep accessible contrast. */
#root button:hover,
#root a[class*="bg-primary"]:hover {
  filter: brightness(.94);
}
#root a:focus-visible,
#root button:focus-visible,
#root select:focus-visible {
  outline: 3px solid rgba(37,99,235,.28) !important;
  outline-offset: 2px;
}