/* ==========================================================
   ITGG-Hausdesign (zinc + Magenta, Geist) — shadcn-Tokens
   auf ITGG-Werte gemappt, Light + Dark. Referenz: /setup.
   ========================================================== */
@font-face { font-family: "Geist"; font-style: normal; font-weight: 100 900;
  font-display: swap; src: url(/itgg-brand/geist.woff2) format("woff2"); }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900;
  font-display: swap; src: url(/itgg-brand/geist-mono.woff2) format("woff2"); }

/* Mode-unabhaengige Tokens (Magenta/Geist/Radius) */
:root {
  --primary: 327 100% 45%;      --primary-foreground: 0 0% 100%;
  --ring: 327 100% 45%;         --radius: 0.75rem;
  --itgg: #e3007a; --itgg-hover: #c30069;
  --geist: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/* LIGHT — ITGG hell: #fafafa / #ffffff / #e4e4e7. !important schlaegt Gatus'
   :root.dark (Spezifitaet 0,2,0) zuverlaessig. */
html:not(.dark) {
  --background: 0 0% 98% !important;       --foreground: 240 6% 10% !important;
  --card: 0 0% 100% !important;            --card-foreground: 240 6% 10% !important;
  --popover: 0 0% 100% !important;         --popover-foreground: 240 6% 10% !important;
  --border: 240 6% 90% !important;         --input: 240 6% 90% !important;
  --muted: 240 5% 96% !important;          --muted-foreground: 240 4% 34% !important;
  --secondary: 240 5% 96% !important;      --secondary-foreground: 240 6% 10% !important;
  --accent: 240 5% 94% !important;         --accent-foreground: 240 6% 10% !important;
}
/* DARK — ITGG dunkel: #09090b / #0c0c0f / #27272a */
html.dark {
  --background: 240 10% 3.9% !important;   --foreground: 0 0% 98% !important;
  --card: 240 10% 5% !important;           --card-foreground: 0 0% 98% !important;
  --popover: 240 10% 5% !important;        --popover-foreground: 0 0% 98% !important;
  --border: 240 4% 16% !important;         --input: 240 4% 16% !important;
  --muted: 240 5% 11% !important;          --muted-foreground: 240 5% 65% !important;
  --secondary: 240 4% 12% !important;      --secondary-foreground: 0 0% 98% !important;
  --accent: 240 4% 14% !important;         --accent-foreground: 0 0% 98% !important;
}

html, body, button, input, select, textarea,
h1,h2,h3,h4,h5,h6, p, span, div, a, label, li, th, td {
  font-family: var(--geist) !important; }
code, pre, kbd { font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; }
body { letter-spacing: -0.011em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Hintergrund folgt dem Mode (--background) + Magenta-Schimmer (wie /setup) */
html { background: hsl(var(--background)); }
body {
  background-color: hsl(var(--background)) !important;
  background-image:
    radial-gradient(60rem 40rem at 50% -10%, rgba(227,0,122,.08), transparent 60%),
    radial-gradient(50rem 50rem at 110% 110%, rgba(227,0,122,.05), transparent 60%) !important;
  background-attachment: fixed !important; background-repeat: no-repeat !important;
}
#app, [class*="min-h-screen"], [class*="bg-background"] { background-color: transparent !important; }

a { color: var(--itgg) !important; }
a:hover { color: var(--itgg-hover) !important; }
h1, h5 { letter-spacing: -0.02em; }

/* Logo: weisses SVG -> im Light invertieren (schwarz), im Dark unveraendert */
img[src*="logo"] { max-height: 34px; width: auto; filter: invert(1) brightness(.9); }
.dark img[src*="logo"] { filter: none; }

/* Karten: weicher Radius + mode-abhaengiger Schatten (wie die /setup-Panels) */
.endpoint, .endpoint-group { border-radius: 0.75rem !important; }
.endpoint { box-shadow: 0 1px 2px rgba(16,24,40,.04),
  0 24px 48px -24px rgba(16,24,40,.14), 0 4px 12px -6px rgba(16,24,40,.08) !important; }
.dark .endpoint { box-shadow: 0 1px 0 0 rgba(255,255,255,.02) inset,
  0 24px 60px -20px rgba(0,0,0,.75), 0 8px 24px -12px rgba(0,0,0,.6) !important; }

header h1 { display: none !important; }

/* GitHub-Icon raus + "Powered by Gatus" -> ITGG-Footer */
a[href*="github.com/TwiN"], a[href*="github.com/twin"] { display: none !important; }
footer > div { display: none !important; }
footer::after {
  content: "ITGG Berlin — Institut für Tiefenpsychologie, Gruppendynamik und Gruppentherapie";
  display: block; text-align: center; padding: 1.75rem 1rem 2.25rem;
  font-size: 0.8rem; color: hsl(var(--muted-foreground)); letter-spacing: -0.01em;
}