/* Karam Cyber skin for Authelia (injected by the authelia-skin nginx sidecar, see ../../docker-compose.yml).
   Authelia's UI is driven by these CSS variables per [data-theme]; overriding them re-colours everything.
   Palette matches the portal + MeshCentral: dark slate + logo teal. */

:root[data-theme=dark], [data-theme=dark][data-theme] {
  --background: #0b1114;
  --foreground: #e6f1f2;
  --card: #12181c;
  --card-foreground: #e6f1f2;
  --popover: #12181c;
  --popover-foreground: #e6f1f2;
  --primary: #2f8f89;
  --primary-foreground: #ffffff;
  --muted: #172127;
  --muted-foreground: rgba(214, 226, 228, 0.7);
  --accent: #172127;
  --accent-foreground: #e6f1f2;
  --info: #45b8b0;
  --border: #23343a;
  --input: #2b4148;
  --ring: #45b8b0;
  --divider: #23343a;
  --radius: 0.65rem;
  --custom-loading-bar: #45b8b0;
}

[data-theme=dark] body {
  background: radial-gradient(ellipse at top, #13262b 0%, #0b1114 55%, #07090b 100%) fixed;
}

/* Cards and the settings page panels: subtle border + depth instead of flat grey slabs */
[data-theme=dark] .bg-card {
  border: 1px solid var(--border);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

/* The settings page's blue top bar uses the primary colour; give it a dark bar with a teal underline */
[data-theme=dark] header,
[data-theme=dark] .bg-primary:is(header, nav) {
  background-color: #12181c !important;
  border-bottom: 1px solid var(--border);
}

/* Hide the "Powered by Authelia" footer row (the link's href is authelia.com). */
div:has(> a[href*="authelia.com"]) { display: none !important; }
a[href*="authelia.com"] { display: none !important; }