@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@400;500;600;700&family=JetBrains+Mono&display=swap');
body, button, input, select, textarea { font-family: 'Readex Pro', Arial, sans-serif !important; }
code, pre, kbd, samp { font-family: 'JetBrains Mono', Consolas, monospace !important; }
a { color: #0054b2; }
/* Header: Deep-Navy brand bar mirroring web.iscc.io, opaque in light and dark. */
header { background-color: #123663 !important; border-bottom: none !important; backdrop-filter: none !important; }
/* White wordmark; Gatus boxes it in a 48x48 square (w-12 h-12) that shrinks the wide logo, so size it to the bar. */
header div:has(> img[alt="Gatus"]) { width: auto !important; height: 2.25rem !important; }
header img[alt="Gatus"] { width: auto !important; height: 100% !important; max-width: none !important; }
/* "| STATUS" tag beside the logo: yellow divider + light uppercase label (mirrors web.iscc.io's "| GENERATOR"). */
header div:has(> h1) { display: block !important; border-left: 2px solid #ffc300; padding-left: 0.85rem; }
header div:has(> h1) > p { display: none !important; }
header h1.text-2xl { color: #e9ecef !important; font-size: 1.15rem !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.18em !important; }
/* Right-side nav, restyled for the dark bar (last button outlined, like web.iscc.io's API Docs). */
header nav a { color: #ffffff !important; }
header nav a:hover { background-color: rgba(255,255,255,0.12) !important; }
header nav a:last-child { border: 1px solid rgba(255,255,255,0.45); }
/* Brand-navy page heading (light mode only; keep Gatus's legible default in dark). */
html:not(.dark) h1.text-4xl { color: #123663 !important; }