.theme-pine {--color-accent-base: 174 100% 29%;--color-accent-hover: 172 100% 17%;--color-accent-muted: 131 100% 12%;--color-accent-contrast: 0 0% 100%;--color-heading-foreground: 172 100% 17%;--color-heading-background: 111 64% 94%;--color-background-elevated: 0 0% 100%;--color-background-base: 173 44% 96%;--color-background-navigation: 172 100% 17%;--color-background-header: 172 100% 17%;--color-background-highlight: 111 64% 94%;--color-background-backdrop: 0 0% 50%;--color-border-subtle: 111 42% 86%;--color-border-contrast: 0 0% 0%;--color-border-navigation: 131 100% 12%;--color-text-base: 158 8% 3%;--color-text-muted: 172 8% 38%;}.theme-crimson {--color-accent-base: 350 87% 61%;--color-accent-hover: 348 75% 40%;--color-accent-muted: 348 73% 32%;--color-accent-contrast: 0 0% 100%;--color-heading-foreground: 348 73% 32%;--color-heading-background: 344 79% 96%;--color-background-elevated: 0 0% 100%;--color-background-base: 350 44% 96%;--color-background-header: 348 75% 40%;--color-background-highlight: 344 79% 96%;--color-background-backdrop: 0 0% 50%;--color-border-subtle: 348 42% 86%;--color-border-contrast: 0 0% 0%;--color-text-base: 340 8% 3%;--color-text-muted: 345 8% 38%;}.theme-lake {--color-accent-base: 194 100% 44%;--color-accent-hover: 194 100% 22%;--color-accent-muted: 195 100% 11%;--color-accent-contrast: 0 0% 100%;--color-heading-foreground: 194 100% 22%;--color-heading-background: 195 100% 92%;--color-background-elevated: 0 0% 100%;--color-background-base: 196 44% 96%;--color-background-header: 194 100% 22%;--color-background-highlight: 195 100% 92%;--color-background-backdrop: 0 0% 50%;--color-border-subtle: 195 42% 86%;--color-border-contrast: 0 0% 0%;--color-text-base: 194 8% 3%;--color-text-muted: 195 8% 38%;}.theme-amber {--color-accent-base: 17 100% 57%;--color-accent-hover: 17 100% 35%;--color-accent-muted: 17 100% 24%;--color-accent-contrast: 0 0% 100%;--color-heading-foreground: 17 100% 35%;--color-heading-background: 17 100% 89%;--color-background-elevated: 0 0% 100%;--color-background-base: 15 44% 96%;--color-background-header: 17 100% 35%;--color-background-highlight: 17 100% 89%;--color-background-backdrop: 0 0% 50%;--color-border-subtle: 17 42% 86%;--color-border-contrast: 0 0% 0%;--color-text-base: 15 8% 3%;--color-text-muted: 17 8% 38%;}.theme-jacaranda {--color-accent-base: 254 72% 52%;--color-accent-hover: 254 73% 30%;--color-accent-muted: 254 71% 19%;--color-accent-contrast: 0 0% 100%;--color-heading-foreground: 254 73% 30%;--color-heading-background: 254 73% 84%;--color-background-elevated: 0 0% 100%;--color-background-base: 253 44% 96%;--color-background-header: 254 73% 30%;--color-background-highlight: 254 88% 91%;--color-background-backdrop: 0 0% 50%;--color-border-subtle: 254 42% 86%;--color-border-contrast: 0 0% 0%;--color-text-base: 253 8% 3%;--color-text-muted: 254 8% 38%;}.theme-onyx {--color-accent-base: 240 17% 2%;--color-accent-hover: 240 17% 17%;--color-accent-muted: 240 17% 17%;--color-accent-contrast: 0 0% 100%;--color-heading-foreground: 240 17% 17%;--color-heading-background: 240 17% 94%;--color-background-elevated: 0 0% 100%;--color-background-base: 240 17% 96%;--color-background-header: 240 12% 17%;--color-background-highlight: 240 17% 94%;--color-background-backdrop: 0 0% 50%;--color-border-subtle: 240 17% 86%;--color-border-contrast: 0 0% 0%;--color-text-base: 240 8% 3%;--color-text-muted: 240 8% 38%;}
/* ===================================================================
   imoGirls (Castopod) — Angleichung an die imodirect-Designsprache
   Cyan/Dark PropTech: Farb-Palette (theme-onyx override) + Fonts + Wortmarke.

   Wird vom gepatchten ColorsController AN den /themes/colors-Output ANGEHÄNGT
   (nach den generierten Theme-Variablen) → überschreibt daher .theme-onyx.
   Kein View-Patch nötig. font-family/Gradient nutzen !important, weil das
   Haupt-Bundle (index-*.css) NACH /themes/colors geladen wird.
   =================================================================== */

/* ---- Selbstgehostete Fonts (DSGVO): Manrope = Headlines, Inter = Body ---- */
@font-face { font-family: 'Manrope imo'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('/custom/fonts/manrope.woff2') format('woff2'); }
@font-face { font-family: 'Inter imo';   font-style: normal; font-weight: 100 900; font-display: swap; src: url('/custom/fonts/inter.woff2')   format('woff2'); }

/* ---- Farb-Palette: theme-onyx → imodirect Cyan/Dark (überschreibt die Vars) ---- */
.theme-onyx {
  --color-accent-base:      198 86% 57%;   /* #33B6F0 Cyan            */
  --color-accent-hover:     195 91% 67%;   /* #5FD2F7 Cyan-bright     */
  --color-accent-muted:     205 60% 26%;   /* tiefes Cyan             */
  --color-accent-contrast:  214 55% 9%;    /* dunkler Text auf Cyan   */

  --color-heading-foreground: 213 74% 95%; /* #eaf2fc helle Headings  */
  --color-heading-background: 211 45% 14%; /* dunkles Heading-Panel   */

  --color-background-elevated:   211 48% 11%;  /* #0d1b2a Karten       */
  --color-background-base:       214 60% 6%;   /* #050d18 Seiten-BG    */
  --color-background-header:     222 55% 4%;   /* #04070f Header/Abyss */
  --color-background-highlight:  208 45% 15%;  /* Hervorhebung         */
  --color-background-backdrop:   220 45% 4%;   /* Modal-Backdrop       */
  --color-background-navigation: 222 55% 4%;

  --color-border-subtle:     210 25% 20%;      /* feine Linie auf Dark */
  --color-border-contrast:   210 40% 85%;      /* heller Kontrastrand  */
  --color-border-navigation: 222 35% 12%;

  --color-text-base:  213 74% 95%;             /* #eaf2fc              */
  --color-text-muted: 217 29% 67%;             /* #94a6c4             */
}

/* ---- Typografie (Bundle lädt später → !important) ---- */
body, .theme-onyx { font-family: 'Inter imo', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important; }
h1, h2, h3, h4, .font-display { font-family: 'Manrope imo', 'Inter imo', ui-sans-serif, sans-serif !important; letter-spacing: -0.01em; }

/* ---- Header: dunkel + dezenter Cyan-Glow (imodirect-Ambiente) ---- */
.bg-header { background-image: radial-gradient(130% 200% at 0% 0%, hsl(200 80% 14% / 0.55), transparent 62%); }

/* ---- Wortmarke „imoGirls" als Cyan-Gradient (imodirect-Signatur) ---- */
header h1 a[href="/"] {
  background: linear-gradient(135deg, #5FD2F7 0%, #33B6F0 55%, #1E7FC2 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
}

/* ---- Accent-Buttons: Cyan-Gradient + Glow wie die imodirect-CTAs ---- */
.bg-accent-base {
  background-image: linear-gradient(135deg, #5FD2F7 0%, #33B6F0 55%, #1E7FC2 100%) !important;
  box-shadow: 0 12px 30px -14px hsl(200 90% 55% / 0.55);
}