/* Protonia look for Authelia's login/settings pages (auth.protonia.eu). Authelia has no theming
   hook beyond light/dark, so SWAG injects this file with sub_filter (authelia.subdomain.conf).
   Authelia 4.39 is built with Tailwind + shadcn: everything is coloured through these variables
   (set with !important because Authelia applies its theme at runtime). */
:root, html, body, [data-theme], .dark {
  --background: #061226 !important;
  --foreground: #e9f0fa !important;
  --card: #0d1d38 !important;
  --card-foreground: #e9f0fa !important;
  --popover: #0d1d38 !important;
  --popover-foreground: #e9f0fa !important;
  --primary: #f2b33d !important;
  --primary-foreground: #1a1204 !important;
  --secondary: #142a4d !important;
  --secondary-foreground: #e9f0fa !important;
  --muted: #142a4d !important;
  --muted-foreground: #93a6c2 !important;
  --accent: #142a4d !important;
  --accent-foreground: #e9f0fa !important;
  --border: #1e365c !important;
  --input: #1e365c !important;
  --ring: #4fb3ee !important;
  color-scheme: dark;
}
body {
  background:
    radial-gradient(circle, rgb(79 179 238 / 0.22) 0 1.3px, transparent 1.8px) 0 0 / 12px 12px,
    linear-gradient(180deg, rgb(6 18 38 / 0.55) 0%, #061226 340px),
    #061226 url("banner.webp") center top / 100% auto no-repeat !important;
  background-attachment: fixed !important;
}
#root, #root > div { background: transparent !important; }
input { background-color: rgb(4 12 26 / 0.75) !important; }
a { color: #4fb3ee; }
h1, h2, h5 { text-shadow: 0 1px 8px rgb(0 0 0 / 0.6); }