/* ===== WebitWorx theme — served fresh by caddy at /css/ww-theme.vN.css ===== */
/* Bump the version in Caddyfile + the <link> rewrite to bust caches on changes.  */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700;800;900&display=swap');

/* LIGHT mode (:root, no .dark) — Gatus light surfaces + the brand red. */
:root {
  --primary: 2 78% 46% !important;          /* #c8201a */
  --primary-foreground: 0 0% 100% !important;
  --ring: 2 78% 46% !important;
  --border: 0 0% 90% !important;
  --radius: 1rem !important;
}

/* DARK mode (.dark) — WebitWorx near-black, like webitworx.com. */
.dark {
  --background: 0 0% 4% !important;          /* #0a0a0a */
  --foreground: 0 0% 96% !important;
  --card: 0 0% 8% !important;                /* #141414 */
  --card-foreground: 0 0% 96% !important;
  --popover: 0 0% 8% !important;
  --popover-foreground: 0 0% 96% !important;
  --muted: 0 0% 14% !important;
  --muted-foreground: 0 0% 62% !important;
  --accent: 0 0% 14% !important;
  --accent-foreground: 0 0% 96% !important;
  --secondary: 0 0% 14% !important;
  --secondary-foreground: 0 0% 96% !important;
  --border: 0 0% 16% !important;
  --input: 0 0% 16% !important;
  --primary: 2 80% 52% !important;
  --primary-foreground: 0 0% 100% !important;
  --ring: 2 80% 52% !important;
  --destructive: 0 78% 55% !important;
  --destructive-foreground: 0 0% 100% !important;
  --radius: 1rem !important;
}

/* Type — both themes. */
body { font-family: 'Inter', system-ui, -apple-system, sans-serif !important; }
h1, h2, h3, h4, h5, .text-2xl, .text-xl, .text-lg {
  font-family: 'Barlow Condensed', 'Inter', sans-serif !important;
  letter-spacing: .02em !important;
}
h1, .text-2xl { font-weight: 800 !important; text-transform: uppercase !important; }

/* Film grain + soft red glow — DARK only. */
.dark body {
  background-image:
    radial-gradient(1100px 460px at 50% -8%, rgba(200,32,26,.12), transparent 62%),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E") !important;
  background-attachment: fixed, fixed !important;
  background-repeat: no-repeat, repeat !important;
}

/* Rounded cards, both themes. */
.bg-card, .border.rounded-lg, .rounded-lg.border { border-radius: 16px !important; }

/* Logo (the W) sizing. */
header img, img[alt*="logo" i] { max-height: 40px !important; width: auto !important; }

/* Brand-red scrollbar. */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: rgba(200,32,26,.5); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: rgba(200,32,26,.8); }

/* Remove the GitHub icon (social link to the Gatus repo). */
a[href*="github.com/TwiN/gatus"] { display: none !important; }