/* Coaching-Planet · Design «Zukunft», Hell/Dunkel (oeffentliche Seiten)
   Laedt ZULETZT (nach alpasana-design.css, zukunft.css, zukunft-dynamik.css, zukunft-thema.css). Nur Darstellung.

   «Tageslicht»: helle Variante, gilt nur bei <html data-theme="light">. Dunkel bleibt die
   Variante aus zukunft.css (:root, ohne data-theme). data-theme setzt das Skript im <head>
   (includes/zukunft.php, zk_theme_head()) aus Systemeinstellung bzw. Wahl des Besuchers.
   Der Umschalter selbst steht in zukunft-thema.css.

   Tageslicht ist keine blosse Umkehrung: dieselben Akzente Violett - Cyan - Mint, aber als
   dunkle Textwerte (Violett #4a35a8, Cyan #004d5f, Mint #104a31, je mindestens 6:1 auf Weiss
   und auf dem Grund #eef2f9), helle Glasflaechen, Punktenetz dezent in Indigo.
   Werte nach absofort.ch (Tageslicht). Keine externen Quellen, keine Inline-Styles. */

/* ---------- Tokens ---------- */
:root[data-theme="light"] {
  color-scheme: light;
  --zk-bg: #eef2f9;
  --zk-surface: #ffffff;
  --zk-cyan: #004d5f;
  --zk-mint: #104a31;
  --zk-violet: #4a35a8;
  --zk-indigo: #6550db;
  --zk-danger: #9b1818;
  --zk-hair: rgba(25, 36, 59, .2);
  --zk-hair-strong: rgba(25, 36, 59, .4);
  --zk-field: #ffffff;
  --zk-field-border: #55637f;
  --zk-glass: linear-gradient(160deg, rgba(255, 255, 255, .94), rgba(246, 249, 253, .9));
  --zk-grad: linear-gradient(105deg, #4733bd, #065a74 58%, #09603f);
  --zk-chip-bg: rgba(255, 255, 255, .85);

  --alp-blue: #4a35a8;
  --alp-blue-bright: #004d5f;
  --alp-blue-dark: #004d5f;
  --alp-dark: #e3e9f5;
  --alp-dark-2: #dbe3f2;
  --alp-heading: #0e1530;
  --alp-text: #1b2545;
  --alp-muted: #2b3757;
  --alp-bg: #eef2f9;
  --alp-bg-soft: rgba(85, 64, 173, .05);
  --alp-border: rgba(25, 36, 59, .26);
  --alp-accent: #104a31;
  --alp-accent-dark: #104a31;
  --alp-accent-soft: rgba(23, 99, 68, .09);
  --alp-shadow: 0 16px 40px rgba(30, 49, 88, .12);
  --alp-shadow-sm: 0 8px 24px rgba(30, 49, 88, .08);
  scrollbar-color: #b5c2d8 transparent;
}
:root[data-theme="light"] .alp {
  --zk-cyan-50: rgba(0, 100, 119, .5);
  --zk-cyan-90: rgba(0, 100, 119, .85);
  --zk-mint-90: rgba(23, 99, 68, .85);
  --zk-violet-75: rgba(85, 64, 173, .75);
  --zk-form-color: var(--alp-heading);
}
:root[data-theme="light"] body.alp {
  background:
    radial-gradient(ellipse at 78% 8%, rgba(101, 80, 219, .14), transparent 55%),
    radial-gradient(ellipse at 8% 26%, rgba(0, 144, 161, .08), transparent 50%),
    var(--zk-bg);
}
:root[data-theme="light"] .alp ::selection { background: #4a35a8; color: #ffffff; }
:root[data-theme="light"] .zk-skip { background: #004d5f; color: #ffffff !important; }

/* ---------- Himmel ---------- */
:root[data-theme="light"] .zk-nebel-a { background: radial-gradient(ellipse at center, rgba(101, 80, 219, .17), rgba(101, 80, 219, .07) 40%, transparent 68%); }
:root[data-theme="light"] .zk-nebel-b { background: radial-gradient(ellipse at center, rgba(0, 144, 161, .11), rgba(101, 80, 219, .05) 42%, transparent 68%); }
:root[data-theme="light"] .zk-netz { opacity: .95; }

/* ---------- Kontaktleiste und Kopfzeile ---------- */
:root[data-theme="light"] .alp-topbar { border-bottom-color: rgba(25, 36, 59, .08); }
:root[data-theme="light"] .alp-topbar a:hover { color: var(--zk-cyan); }
:root[data-theme="light"] .alp-header { border-bottom-color: rgba(25, 36, 59, .1); }
:root[data-theme="light"] .alp-header::before { background: rgba(255, 255, 255, .84); }
:root[data-theme="light"] .alp-logo-title em { color: transparent; }
:root[data-theme="light"] .alp-compare-link .alp-compare-count { color: var(--zk-mint); }

/* ---------- Buttons ---------- */
:root[data-theme="light"] .alp .alp-btn-primary {
  background: var(--zk-grad); color: #ffffff; border-color: transparent;
  box-shadow: 0 8px 24px rgba(85, 64, 173, .26), inset 0 1px 0 rgba(255, 255, 255, .25);
}
:root[data-theme="light"] .alp .alp-btn-primary:hover {
  background: var(--zk-grad); color: #ffffff; border-color: transparent; filter: brightness(1.08);
  box-shadow: 0 12px 30px rgba(85, 64, 173, .32), inset 0 1px 0 rgba(255, 255, 255, .3);
}
:root[data-theme="light"] .alp .alp-btn-outline { background: rgba(255, 255, 255, .7); color: var(--alp-heading); border-color: #004d5f; }
:root[data-theme="light"] .alp .alp-btn-outline:hover { background: rgba(0, 100, 119, .08); color: var(--alp-heading); border-color: #004d5f; }
:root[data-theme="light"] .alp .alp-btn-light { background: #ffffff; color: var(--alp-heading); border-color: rgba(25, 36, 59, .28); }
:root[data-theme="light"] .alp .alp-btn-light:hover { background: rgba(255, 255, 255, .6); color: var(--alp-heading); border-color: #004d5f; }
:root[data-theme="light"] .alp-btn::after { background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .45), transparent); }
:root[data-theme="light"] .alp-btn:hover:not(:disabled) { box-shadow: var(--alp-shadow); }

/* ---------- Seitenkopf ---------- */
:root[data-theme="light"] .alp-hero-label { color: var(--zk-cyan); }
:root[data-theme="light"] .alp-hero-visual::before { border-color: rgba(0, 100, 119, .16); }
:root[data-theme="light"] .zk-rocket { filter: drop-shadow(0 14px 22px rgba(30, 49, 88, .22)); }
:root[data-theme="light"] .zk-orbit-dot { background: #004d5f; box-shadow: 0 0 12px rgba(0, 100, 119, .6); }
:root[data-theme="light"] .zk-particles { fill: #004d5f; stroke: #004d5f; opacity: .5; }
:root[data-theme="light"] .zk-rocket-clouds { fill: #4a35a8; opacity: .07; }
:root[data-theme="light"] .alp-hero-portrait { border-color: rgba(0, 100, 119, .4); box-shadow: 0 16px 36px rgba(30, 49, 88, .2), 0 0 0 4px rgba(255, 255, 255, .6); }
:root[data-theme="light"] .alp-hero-chip { background: rgba(255, 255, 255, .94); color: var(--alp-heading); border-color: rgba(25, 36, 59, .18); }
:root[data-theme="light"] .alp-hero-chip--check { background: #104a31; color: #ffffff; border-color: #ffffff; }
:root[data-theme="light"] .alp-hero-node { background: #104a31; box-shadow: 0 0 0 5px rgba(23, 99, 68, .14); }
:root[data-theme="light"] .alp-emblem::before { border-color: rgba(0, 100, 119, .3); }
:root[data-theme="light"] .alp-emblem::after { border-color: rgba(23, 99, 68, .5); }

/* ---------- Abschnitte ---------- */
:root[data-theme="light"] .alp-section--soft { background: rgba(85, 64, 173, .04); border-block-color: rgba(25, 36, 59, .08); }
:root[data-theme="light"] .alp-section--dark { background: #e3e9f5; }
:root[data-theme="light"] .alp-section--brand {
  background: linear-gradient(135deg, rgba(101, 80, 219, .15) 0%, rgba(255, 255, 255, .62) 55%, rgba(0, 144, 161, .12) 100%);
  border-block-color: rgba(85, 64, 173, .2);
}
:root[data-theme="light"] .alp-section--brand p,
:root[data-theme="light"] .alp-section--brand li { color: var(--alp-text); }
:root[data-theme="light"] .alp-section--brand .alp-section-label,
:root[data-theme="light"] .alp-section--dark .alp-section-label { color: var(--zk-mint); }
:root[data-theme="light"] .alp-section-label { color: var(--zk-cyan); }
:root[data-theme="light"] .alp-section--stars::before { opacity: .18; }
:root[data-theme="light"] .alp-section--network::after { opacity: .2; }
:root[data-theme="light"] .alp-kompass::after { border-color: rgba(0, 100, 119, .14); }

/* ---------- Glas-Karten ---------- */
:root[data-theme="light"] :is(.alp-card, .alp-form-card, .alp-topic, .alp-blog-card, .alp-blog-featured, .alp-demo-window, .alp-results-panel) {
  border-color: #d5deec;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 8px 24px rgba(30, 49, 88, .07);
}
:root[data-theme="light"] .alp-results-panel { background: rgba(255, 255, 255, .55); box-shadow: none; }
:root[data-theme="light"] :is(a.alp-card:hover, .alp-card--interactive:hover, .alp-topic:hover, .alp-blog-card:hover, .alp-blog-featured:hover) {
  border-color: rgba(85, 64, 173, .45); box-shadow: 0 0 0 1px rgba(85, 64, 173, .1), 0 18px 40px rgba(30, 49, 88, .12);
}
:root[data-theme="light"] .alp-coach-grid .alp-card { box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 6px 18px rgba(30, 49, 88, .06); }
:root[data-theme="light"] .alp-coach-grid .alp-card:hover { box-shadow: var(--alp-shadow); }
:root[data-theme="light"] .coach-card-photo { border-color: rgba(25, 36, 59, .22); background-color: #e3e9f5; }
:root[data-theme="light"] .coach-card-photo--initials { color: #ffffff; background-color: transparent; background-image: var(--zk-grad); }
:root[data-theme="light"] .alp-card .coach-card-photo--initials,
:root[data-theme="light"] .alp-card span.coach-card-photo--initials { color: #ffffff; }
:root[data-theme="light"] .coach-card-check { background: #104a31; color: #ffffff; border-color: #ffffff; }
:root[data-theme="light"] .alp-card .coach-card-check,
:root[data-theme="light"] .alp-card .coach-card-check span { color: #ffffff; }
:root[data-theme="light"] .coach-card-online::before { background: #104a31; box-shadow: 0 0 6px rgba(23, 99, 68, .55); }
:root[data-theme="light"] .coach-card-fav { background: rgba(255, 255, 255, .92); border-color: rgba(25, 36, 59, .22); color: var(--alp-text); }
:root[data-theme="light"] .coach-card-fav:hover,
:root[data-theme="light"] .coach-card-fav.is-fav { border-color: #104a31; color: #104a31; }

/* Themen, Merkmale, Schritte */
:root[data-theme="light"] .alp-topic-icon {
  background: color-mix(in srgb, var(--topic-c, #2b8fb0) 14%, #ffffff);
  color: color-mix(in srgb, var(--topic-c, #2b8fb0) 88%, #000);
}
:root[data-theme="light"] .alp-topic-count { background: rgba(25, 36, 59, .05); }
:root[data-theme="light"] .alp-topic:hover .alp-topic-count { color: var(--zk-cyan); border-color: rgba(0, 100, 119, .5); }
:root[data-theme="light"] .alp-feature-icon { background: rgba(0, 100, 119, .09); color: var(--zk-cyan); }
:root[data-theme="light"] .alp-section--brand .alp-feature-icon,
:root[data-theme="light"] .alp-section--dark .alp-feature-icon { background: rgba(23, 99, 68, .1); color: var(--zk-mint); }
:root[data-theme="light"] .alp-step::before { background: linear-gradient(180deg, #004d5f, rgba(0, 100, 119, .12)); }
:root[data-theme="light"] .alp-step-num { background: #ffffff; border-color: #004d5f; color: #004d5f; }
:root[data-theme="light"] .alp-step:hover .alp-step-num { background: #004d5f; color: #ffffff; }
:root[data-theme="light"] .alp-step-num-badge { background: #4a35a8; color: #ffffff; border-color: #ffffff; }
:root[data-theme="light"] .alp-section--brand .alp-step-num-badge,
:root[data-theme="light"] .alp-section--dark .alp-step-num-badge { background: #104a31; color: #ffffff; }
:root[data-theme="light"] .alp-section--brand .alp-step-num,
:root[data-theme="light"] .alp-section--dark .alp-step-num { background: #ffffff; border-color: #104a31; color: #104a31; }
:root[data-theme="light"] .alp-section--brand .alp-step:hover .alp-step-num,
:root[data-theme="light"] .alp-section--dark .alp-step:hover .alp-step-num { background: #104a31; color: #ffffff; }
@media (min-width: 780px) {
  :root[data-theme="light"] .alp-steps--row .alp-step::before { background: linear-gradient(90deg, #004d5f, rgba(0, 100, 119, .12)); }
}
:root[data-theme="light"] .alp-section--brand .alp-btn-outline,
:root[data-theme="light"] .alp-section--dark .alp-btn-outline { color: var(--alp-heading); border-color: #004d5f; }
:root[data-theme="light"] .alp-section--brand .alp-btn-outline:hover,
:root[data-theme="light"] .alp-section--dark .alp-btn-outline:hover { background: rgba(0, 100, 119, .08); color: var(--alp-heading); border-color: #004d5f; }
:root[data-theme="light"] .alp-stat-value { color: var(--zk-violet); }
:root[data-theme="light"] .alp-section--brand .alp-stat-value,
:root[data-theme="light"] .alp-section--dark .alp-stat-value { color: var(--zk-violet); }

/* KI-Werkstatt-Demo */
:root[data-theme="light"] .alp-demo-window-bar { background: rgba(25, 36, 59, .04); }
:root[data-theme="light"] .alp-demo-input { background: #ffffff; }
:root[data-theme="light"] .alp-demo-output { background: rgba(23, 99, 68, .07); border-color: rgba(23, 99, 68, .3); }
:root[data-theme="light"] .alp-demo-label--ai { color: var(--zk-mint); }

/* ---------- Chips, Badges ---------- */
:root[data-theme="light"] .alp-chip {
  --zk-chip: color-mix(in srgb, var(--sp-c, #2b8fb0) 90%, #000);
  background: #ffffff;
  border-color: color-mix(in srgb, var(--sp-c, #2b8fb0) 55%, #ffffff);
}
:root[data-theme="light"] .alp a.alp-chip:hover {
  background: color-mix(in srgb, var(--sp-c, #2b8fb0) 12%, #ffffff);
  border-color: var(--zk-chip); color: var(--alp-heading);
}
:root[data-theme="light"] .alp-chip--klein { background: color-mix(in srgb, var(--sp-c, #2b8fb0) 12%, #ffffff); }
:root[data-theme="light"] :is(.alp-chip--aktiv, .alp a.alp-chip--aktiv, .alp a.alp-chip--aktiv:hover) {
  background: var(--zk-grad); border-color: transparent; color: #ffffff;
}
:root[data-theme="light"] .alp-chip--aktiv .alp-chip-zahl { color: rgba(255, 255, 255, .88); }
:root[data-theme="light"] .alp-badge { background: rgba(25, 36, 59, .05); }
:root[data-theme="light"] .alp-badge--verified { background: rgba(0, 100, 119, .09); color: var(--zk-cyan); border-color: rgba(0, 100, 119, .3); }
:root[data-theme="light"] .alp-badge--premium { background: rgba(85, 64, 173, .09); color: var(--zk-violet); border-color: rgba(85, 64, 173, .3); }
:root[data-theme="light"] .alp-switch-hint { color: var(--zk-mint); }

/* ---------- Formulare ---------- */
:root[data-theme="light"] .alp-input:hover,
:root[data-theme="light"] .alp-textarea:hover,
:root[data-theme="light"] .alp-select:hover,
:root[data-theme="light"] .alp-msel summary:hover { border-color: #5d6b84; }
:root[data-theme="light"] :is(.alp-input, .alp-textarea, .alp-select, .alp-msel summary):focus,
:root[data-theme="light"] .alp-msel[open] summary {
  border-color: #004d5f; box-shadow: 0 0 0 3px rgba(0, 100, 119, .2); background: #ffffff;
}
:root[data-theme="light"] .alp-input:-webkit-autofill { box-shadow: 0 0 0 60px #f3f6fb inset; }
:root[data-theme="light"] .alp-select option { background: #ffffff; color: var(--alp-heading); }
:root[data-theme="light"] .alp-form-label { color: var(--alp-heading); }
:root[data-theme="light"] .alp-msel-panel { background: #ffffff; border-color: rgba(25, 36, 59, .22); }
:root[data-theme="light"] .alp-msel-option:hover { background: rgba(0, 100, 119, .08); }

/* ---------- Lesetexte, Blog, Recht ---------- */
:root[data-theme="light"] .alp-anliegen-suchanfragen li { background: rgba(25, 36, 59, .05); }
:root[data-theme="light"] .alp-blog-card-bild,
:root[data-theme="light"] .alp-blog-featured-bild { background: rgba(25, 36, 59, .05); }

/* ---------- Fusszeile ---------- */
:root[data-theme="light"] .alp-footer {
  background:
    radial-gradient(ellipse 50% 90% at 88% 0%, rgba(101, 80, 219, .08), transparent 70%),
    #e3e9f5;
  border-top-color: rgba(25, 36, 59, .1);
}
:root[data-theme="light"] .alp-footer a:hover { color: var(--zk-cyan); }
:root[data-theme="light"] .alp-footer-bottom { border-top-color: rgba(25, 36, 59, .14); }

/* Ausklappmenue (Handy und schmale Fenster) */
@media (max-width: 1360px) {
  /* Der Schatten gehoert nur zum geoeffneten Menue; geschlossen liegt es ausserhalb und wuerde am Rand durchscheinen. */
  :root[data-theme="light"] .ict-header-right { background: #ffffff; box-shadow: none; }
  :root[data-theme="light"] body.nav-open .ict-header-right { box-shadow: -20px 0 60px rgba(30, 49, 88, .22); }
  :root[data-theme="light"] body.nav-open .alp-nav-backdrop { background: rgba(25, 36, 59, .5); }
  :root[data-theme="light"] .alp-nav-close { background: rgba(25, 36, 59, .07); }
}

/* ---------- Feinschliff ---------- */
:root[data-theme="light"] .zk-pille { background: var(--zk-grad); color: #ffffff !important; box-shadow: 0 6px 20px rgba(85, 64, 173, .26); }
:root[data-theme="light"] .alp .zk-pille:hover { color: #ffffff !important; }
:root[data-theme="light"] .zk-fehler-zeichen { filter: drop-shadow(0 8px 16px rgba(30, 49, 88, .22)); }
:root[data-theme="light"] .alp .ch-pill { background: #ffffff; }
:root[data-theme="light"] .alp .ch-pill:hover { border-color: #004d5f; background: rgba(0, 100, 119, .08); }
:root[data-theme="light"] .alp [data-termin-tage] button.active,
:root[data-theme="light"] .alp [data-termin-zeiten] button.active { background: var(--zk-grad); color: #ffffff; }
:root[data-theme="light"] .alp .ch-pill--geschlossen { border-color: rgba(185, 28, 28, .55); color: #9b1818; background: rgba(185, 28, 28, .06); }
:root[data-theme="light"] .alp-switch { background: rgba(25, 36, 59, .05); }
:root[data-theme="light"] .alp-switch button[aria-pressed="true"],
:root[data-theme="light"] .alp-switch.hat-pille button[aria-pressed="true"] { color: #ffffff; }
:root[data-theme="light"] a.alp-card:focus-visible,
:root[data-theme="light"] .alp-topic:focus-visible,
:root[data-theme="light"] .alp-blog-card:focus-visible { border-color: #004d5f; box-shadow: 0 0 0 2px rgba(0, 100, 119, .3), 0 18px 40px rgba(30, 49, 88, .14); }

/* Feste Farben bzw. Abdunklung aus Inline-Styles der Seiten */
:root[data-theme="light"] .alp-footer [style*="opacity"] { opacity: 1 !important; }
:root[data-theme="light"] .alp [style*="color:#9AA0A6"] { color: var(--alp-muted) !important; }

/* ---------- Dynamik: Karten, Kennzahlen, Bahnen ---------- */
:root[data-theme="light"] .alp :is(.alp-card:not(.alp-legal), .alp-topic, .alp-form-card, .alp-demo-window):is(:hover, :focus-within) { --zk-spot: rgba(0, 100, 119, .07); }
:root[data-theme="light"] .alp .alp-form-card:hover,
:root[data-theme="light"] .alp .alp-demo-window:hover { --zk-spot: rgba(0, 100, 119, .05); }
:root[data-theme="light"] .alp .alp-topic::after {
  background: conic-gradient(from var(--edge, 200deg), transparent 0 55%, color-mix(in srgb, var(--topic-c, #2b8fb0) 85%, #000) 78%, var(--zk-violet-75) 88%, transparent 100%);
}
:root[data-theme="light"] .zk-daten-wert { color: var(--zk-cyan); }
:root[data-theme="light"] .zk-daten li:nth-child(2) .zk-daten-wert { color: var(--zk-violet); }
:root[data-theme="light"] .zk-daten li:nth-child(3) .zk-daten-wert { color: var(--zk-mint); }
:root[data-theme="light"] .zk-route-linie { stroke: rgba(0, 100, 119, .5); }
:root[data-theme="light"] .zk-route-licht { stroke: #4a35a8; filter: drop-shadow(0 0 4px rgba(85, 64, 173, .45)); }
:root[data-theme="light"] .zk-route-punkt { fill: #4a35a8; filter: drop-shadow(0 0 6px rgba(85, 64, 173, .55)); }
:root[data-theme="light"] .alp-hero-visual .alp-hero-portrait::before { border-color: rgba(0, 100, 119, .35); }
:root[data-theme="light"] .alp-hero-visual .alp-hero-portrait.is-signal::before { border-color: #104a31; box-shadow: 0 0 18px rgba(23, 99, 68, .3); }
:root[data-theme="light"] .zk-bahn-1 { --bahnfarbe: rgba(23, 99, 68, .4); }
:root[data-theme="light"] .zk-bahn-2 { --bahnfarbe: rgba(0, 100, 119, .36); }
:root[data-theme="light"] .zk-bahn-3 { --bahnfarbe: rgba(85, 64, 173, .36); }
:root[data-theme="light"] .zk-planet-kugel {
  color: #ffffff;
  background: radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--topic-c, #2b8fb0) 45%, #fff) 0, var(--topic-c, #2b8fb0) 50%, color-mix(in srgb, var(--topic-c, #2b8fb0) 60%, #0e1530) 118%);
  border-color: color-mix(in srgb, var(--topic-c, #2b8fb0) 70%, #fff);
  box-shadow: inset -6px -8px 14px rgba(25, 36, 59, .3), 0 8px 16px rgba(30, 49, 88, .18);
}
:root[data-theme="light"] .zk-planet-name { background: rgba(255, 255, 255, .96); color: var(--alp-heading); border-color: rgba(25, 36, 59, .22); box-shadow: 0 6px 16px rgba(30, 49, 88, .14); }
:root[data-theme="light"] .zk-sonne::before { background: radial-gradient(circle, rgba(0, 100, 119, .2), rgba(101, 80, 219, .12) 46%, transparent 70%); }
:root[data-theme="light"] .zk-sonne img { background: #ffffff; border-color: #004d5f; box-shadow: 0 0 24px rgba(0, 100, 119, .3); }
:root[data-theme="light"] .zk-mond::before { background: color-mix(in srgb, var(--topic-c, #2b8fb0) 85%, #000); box-shadow: 0 0 6px color-mix(in srgb, var(--topic-c, #2b8fb0) 55%, transparent); }
:root[data-theme="light"] .zk-rail li.is-now span { color: var(--zk-cyan); }
:root[data-theme="light"] .zk-rail li.is-now::after { box-shadow: 0 0 10px rgba(0, 100, 119, .5); }
:root[data-theme="light"] .zk-rail li:last-child.is-now span { color: var(--zk-mint); }
:root[data-theme="light"] .zk-rail li:last-child.is-now::after { box-shadow: 0 0 10px rgba(23, 99, 68, .5); }
:root[data-theme="light"] .zk-launch-strahl { background: linear-gradient(to top, transparent, #004d5f 55%, #4a35a8); box-shadow: 0 0 20px rgba(0, 100, 119, .5), 0 0 44px rgba(85, 64, 173, .35); }
:root[data-theme="light"] .zk-launch-ring { border-color: #004d5f; }
:root[data-theme="light"] .alp-chip--aktiv { box-shadow: 0 0 0 1px rgba(255, 255, 255, .6), 0 6px 18px rgba(85, 64, 173, .3); }
:root[data-theme="light"] .zk-kurs { background: rgba(255, 255, 255, .6); }
:root[data-theme="light"] .zk-kurs-label { color: var(--zk-mint); }
:root[data-theme="light"] .zk-kurs-chip { background: rgba(0, 100, 119, .08); border-color: rgba(0, 100, 119, .5); }
:root[data-theme="light"] .zk-radar-ring { border-color: rgba(0, 100, 119, .22); }
:root[data-theme="light"] .zk-radar-ring + .zk-radar-ring { border-color: rgba(23, 99, 68, .24); }
:root[data-theme="light"] .zk-radar-strahl { background: conic-gradient(from 0deg, transparent 0 72%, rgba(0, 100, 119, .04) 84%, rgba(0, 100, 119, .2) 100%); }
:root[data-theme="light"] .zk-radar::before,
:root[data-theme="light"] .zk-radar::after { background: rgba(0, 100, 119, .14); }
:root[data-theme="light"] .zk-rampe::before {
  border-top-color: rgba(0, 100, 119, .5);
  background: radial-gradient(circle at 50% 0, rgba(0, 100, 119, .2), #d9e1f2 5%, #e3e9f5 14%);
  box-shadow: 0 -6px 30px rgba(0, 100, 119, .14), 0 -30px 100px rgba(101, 80, 219, .16);
}
:root[data-theme="light"] .zk-cd { background: rgba(0, 100, 119, .07); }
:root[data-theme="light"] .zk-cd-n { color: var(--zk-cyan); }
:root[data-theme="light"] .cd-fire .zk-cd-n,
:root[data-theme="light"] .cd-fire .zk-cd-text { color: var(--zk-mint); }
:root[data-theme="light"] .zk-rampe-pad::after { background: linear-gradient(to top, rgba(0, 100, 119, .5), rgba(0, 100, 119, .15) 45%, transparent); }
:root[data-theme="light"] .zk-rampe-rauch { background: radial-gradient(ellipse, rgba(85, 64, 173, .24), transparent 70%); }

/* Erzwungene Farben / weniger Transparenz */
@media (prefers-reduced-transparency: reduce) {
  :root[data-theme="light"] .alp-header::before { background: #ffffff; }
  :root[data-theme="light"] :is(.alp-card, .alp-form-card, .alp-topic, .alp-blog-card, .alp-blog-featured, .alp-demo-window) { background: #ffffff; }
}

/* =====================================================================
   Stufe 2 · mehr Farbe und Kontrast (Rueckmeldung 11.10.2026)
   Nur im hellen Modus. Verlauf Violett - Cyan - Mint kraeftiger und grossflaechiger,
   Text fast Schwarz-Indigo (mindestens 7:1), staerkere Linien, dunklere Punkte.
   Lesetexte (Blog, Recht, Anliegen) bleiben auf ruhigem Grund.
   ===================================================================== */

/* Seitengrund und Aurora im Seitenkopf */
:root[data-theme="light"] body.alp {
  background:
    radial-gradient(ellipse at 80% 6%, rgba(101, 80, 219, .24), transparent 55%),
    radial-gradient(ellipse at 6% 22%, rgba(0, 160, 195, .16), transparent 52%),
    var(--zk-bg);
}
:root[data-theme="light"] .zk-himmel {
  background:
    radial-gradient(ellipse 62% 72% at 86% 8%, rgba(101, 80, 219, .36), transparent 70%),
    radial-gradient(ellipse 56% 64% at 6% 24%, rgba(0, 170, 205, .30), transparent 70%),
    radial-gradient(ellipse 52% 46% at 46% 82%, rgba(40, 200, 150, .20), transparent 72%);
}
:root[data-theme="light"] .zk-nebel-a { background: radial-gradient(ellipse at center, rgba(101, 80, 219, .30), rgba(101, 80, 219, .12) 40%, transparent 68%); }
:root[data-theme="light"] .zk-nebel-b { background: radial-gradient(ellipse at center, rgba(0, 150, 185, .22), rgba(101, 80, 219, .08) 42%, transparent 68%); }
/* Lesetexte: Himmel ruhiger */
:root[data-theme="light"] .zk-ruhig .zk-himmel { opacity: .6; }

/* Kopfzeile und Fusszeile mit Verlaufslinie */
:root[data-theme="light"] .alp-header { border-bottom-color: rgba(79, 55, 201, .28); }
:root[data-theme="light"] .alp-header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; pointer-events: none;
  background: var(--zk-grad); opacity: .9;
}
:root[data-theme="light"] .alp-topbar { border-bottom-color: rgba(79, 55, 201, .16); }
:root[data-theme="light"] .alp-footer {
  background:
    radial-gradient(ellipse 60% 90% at 88% 0%, rgba(101, 80, 219, .2), transparent 70%),
    radial-gradient(ellipse 50% 90% at 4% 0%, rgba(0, 170, 205, .16), transparent 70%),
    #dde3f5;
  border-top: 2px solid transparent; border-image: var(--zk-grad) 1;
}
:root[data-theme="light"] .zk-rampe::before {
  background: radial-gradient(circle at 50% 0, rgba(0, 150, 185, .28), #d3dcf4 5%, #dde3f5 14%);
}

/* Abschnitte im Wechsel getoent */
:root[data-theme="light"] .alp-section--soft {
  background: linear-gradient(180deg, rgba(101, 80, 219, .12), rgba(0, 160, 195, .08));
  border-block-color: rgba(79, 55, 201, .24);
}
:root[data-theme="light"] .alp-section--dark {
  background: linear-gradient(135deg, rgba(0, 160, 195, .22), rgba(101, 80, 219, .16));
  border-block: 1px solid rgba(0, 86, 106, .26);
}
:root[data-theme="light"] .alp-section--brand {
  background: linear-gradient(125deg, rgba(101, 80, 219, .34) 0%, rgba(0, 160, 195, .24) 55%, rgba(40, 190, 140, .24) 100%);
  border-block-color: rgba(79, 55, 201, .32);
}

/* Karten: farbiger Rand, Akzentkante oben, getoentes Schattenlicht */
:root[data-theme="light"] .alp :is(.alp-card:not(.alp-legal), .alp-blog-card, .alp-blog-featured, .alp-form-card, .alp-demo-window) { --acc: #4f37c9; }
:root[data-theme="light"] .alp :is(.alp-grid, .alp-coach-grid) > :nth-child(3n+2):is(.alp-card, .alp-blog-card) { --acc: #0a6f8f; }
:root[data-theme="light"] .alp :is(.alp-grid, .alp-coach-grid) > :nth-child(3n):is(.alp-card, .alp-blog-card) { --acc: #0f7a55; }
:root[data-theme="light"] .alp .alp-topic { --acc: var(--topic-c, #4f37c9); }
:root[data-theme="light"] .alp :is(.alp-card:not(.alp-legal), .alp-topic, .alp-blog-card, .alp-blog-featured, .alp-form-card, .alp-demo-window) {
  border-color: color-mix(in srgb, var(--acc, #4f37c9) 38%, #ffffff);
  box-shadow: inset 0 3px 0 var(--acc, #4f37c9), 0 14px 34px color-mix(in srgb, var(--acc, #4f37c9) 16%, transparent), 0 2px 6px rgba(30, 49, 88, .1);
}
:root[data-theme="light"] .alp :is(a.alp-card:hover, .alp-card--interactive:hover, .alp-topic:hover, .alp-blog-card:hover, .alp-blog-featured:hover) {
  border-color: var(--acc, #4f37c9);
  box-shadow: inset 0 3px 0 var(--acc, #4f37c9), 0 20px 44px color-mix(in srgb, var(--acc, #4f37c9) 28%, transparent), 0 2px 6px rgba(30, 49, 88, .12);
}
:root[data-theme="light"] .alp .alp-coach-grid .alp-card { box-shadow: inset 0 3px 0 var(--acc, #4f37c9), 0 10px 26px color-mix(in srgb, var(--acc, #4f37c9) 13%, transparent), 0 2px 6px rgba(30, 49, 88, .08); }
:root[data-theme="light"] .alp .alp-coach-grid .alp-card:hover { box-shadow: inset 0 3px 0 var(--acc, #4f37c9), 0 20px 44px color-mix(in srgb, var(--acc, #4f37c9) 28%, transparent); }
:root[data-theme="light"] .alp .alp-results-panel { background: rgba(255, 255, 255, .62); border-color: rgba(79, 55, 201, .3); }
:root[data-theme="light"] .alp { --zk-cyan-50: rgba(0, 86, 106, .75); --zk-cyan-90: rgba(0, 86, 106, .95); --zk-mint-90: rgba(20, 87, 59, .95); --zk-violet-75: rgba(74, 53, 168, .9); }
:root[data-theme="light"] .alp-legal, :root[data-theme="light"] .alp-card.alp-legal { border-color: rgba(25, 36, 59, .22); }

/* Icons, Chips, Badges kraeftiger */
:root[data-theme="light"] .alp-feature-icon {
  background: linear-gradient(135deg, rgba(101, 80, 219, .22), rgba(0, 160, 195, .24)); color: #3b2a94;
  box-shadow: inset 0 0 0 1px rgba(79, 55, 201, .3);
}
:root[data-theme="light"] .alp-section--brand .alp-feature-icon,
:root[data-theme="light"] .alp-section--dark .alp-feature-icon { background: #ffffff; color: #3b2a94; box-shadow: inset 0 0 0 1px rgba(79, 55, 201, .35); }
:root[data-theme="light"] .alp-topic-icon {
  background: color-mix(in srgb, var(--topic-c, #2b8fb0) 22%, #ffffff);
  color: color-mix(in srgb, var(--topic-c, #2b8fb0) 85%, #000);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--topic-c, #2b8fb0) 45%, #ffffff);
}
:root[data-theme="light"] .alp-chip {
  --zk-chip: color-mix(in srgb, var(--sp-c, #2b8fb0) 75%, #000);
  background: color-mix(in srgb, var(--sp-c, #2b8fb0) 11%, #ffffff);
  border-color: color-mix(in srgb, var(--sp-c, #2b8fb0) 70%, #ffffff);
}
:root[data-theme="light"] .alp a.alp-chip:hover { background: color-mix(in srgb, var(--sp-c, #2b8fb0) 22%, #ffffff); }
:root[data-theme="light"] .alp-chip--klein { background: color-mix(in srgb, var(--sp-c, #2b8fb0) 18%, #ffffff); }
:root[data-theme="light"] .alp-badge { background: rgba(25, 36, 59, .08); border: 1px solid rgba(25, 36, 59, .22); }
:root[data-theme="light"] .alp-badge--verified { background: rgba(0, 150, 185, .16); color: #004d5f; border-color: rgba(0, 86, 106, .5); }
:root[data-theme="light"] .alp-badge--premium { background: rgba(101, 80, 219, .16); color: #3b2a94; border-color: rgba(79, 55, 201, .5); }
:root[data-theme="light"] .alp-hero-chip, :root[data-theme="light"] .alp-topbar .zk-pause { border-color: rgba(79, 55, 201, .35); }
:root[data-theme="light"] .coach-card-meta .alp-icon { color: #0a6f8f; }

/* Knoepfe */
:root[data-theme="light"] .alp .alp-btn-primary { box-shadow: 0 10px 28px rgba(79, 55, 201, .4), inset 0 1px 0 rgba(255, 255, 255, .3); }
:root[data-theme="light"] .alp .alp-btn-primary:hover { box-shadow: 0 14px 36px rgba(79, 55, 201, .48), inset 0 1px 0 rgba(255, 255, 255, .35); }
:root[data-theme="light"] .alp .alp-btn-outline { background: rgba(255, 255, 255, .9); border: 2px solid #4a35a8; color: #0e1530; }
:root[data-theme="light"] .alp .alp-btn-outline:hover { background: rgba(101, 80, 219, .12); border-color: #4f37c9; }
:root[data-theme="light"] .alp .alp-btn-light { border: 2px solid rgba(74, 53, 168, .65); }
:root[data-theme="light"] .alp-section--brand .alp-btn-outline,
:root[data-theme="light"] .alp-section--dark .alp-btn-outline { border-color: #4a35a8; }

/* Schritte, Linien, Kennzahlen */
:root[data-theme="light"] .alp-step::before { background: linear-gradient(180deg, #4f37c9, #0a6f8f 60%, rgba(15, 122, 85, .2)); }
@media (min-width: 780px) {
  :root[data-theme="light"] .alp-steps--row .alp-step::before { background: linear-gradient(90deg, #4f37c9, #0a6f8f 60%, rgba(15, 122, 85, .2)); }
}
:root[data-theme="light"] .alp-step-num { border-color: #4a35a8; color: #4a35a8; border-width: 2px; }
:root[data-theme="light"] .alp-step:hover .alp-step-num { background: #4a35a8; }
:root[data-theme="light"] .alp-hero-visual::before { border-color: rgba(74, 53, 168, .3); }
:root[data-theme="light"] .zk-orbit-track { border-color: rgba(74, 53, 168, .45); }
:root[data-theme="light"] .alp hr, :root[data-theme="light"] .alp-legal h2 { border-color: rgba(25, 36, 59, .26); }
:root[data-theme="light"] .zk-daten li { border-right-color: rgba(25, 36, 59, .3); }
:root[data-theme="light"] .zk-particles { opacity: .75; }
:root[data-theme="light"] .zk-bahn-1 { --bahnfarbe: rgba(15, 122, 85, .6); }
:root[data-theme="light"] .zk-bahn-2 { --bahnfarbe: rgba(10, 111, 143, .55); }
:root[data-theme="light"] .zk-bahn-3 { --bahnfarbe: rgba(79, 55, 201, .55); }
:root[data-theme="light"] .zk-route-linie { stroke: rgba(74, 53, 168, .65); }
:root[data-theme="light"] .alp-section-label::before { color: #4f37c9; }
:root[data-theme="light"] .alp-hero-label::before { color: #4f37c9; }

/* Formulare */
:root[data-theme="light"] .alp-input:hover,
:root[data-theme="light"] .alp-textarea:hover,
:root[data-theme="light"] .alp-select:hover,
:root[data-theme="light"] .alp-msel summary:hover { border-color: #4a35a8; }
:root[data-theme="light"] :is(.alp-input, .alp-textarea, .alp-select, .alp-msel summary):focus,
:root[data-theme="light"] .alp-msel[open] summary { border-color: #4f37c9; box-shadow: 0 0 0 4px rgba(79, 55, 201, .25); }

/* Fokus: kraeftig, immer sichtbar */
:root[data-theme="light"] .alp :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
:root[data-theme="light"] .zk-thema:focus-visible { outline: 3px solid #4f37c9; outline-offset: 3px; }
:root[data-theme="light"] .zk-thema { border-color: rgba(79, 55, 201, .5); background: #ffffff; --zk-thema-ink: #0e1530; }
:root[data-theme="light"] .zk-thema:hover { border-color: #4f37c9; }
:root[data-theme="light"] .zk-pause { color: #2b3757; }
:root[data-theme="light"] .alp-topbar { color: #2b3757; }

@media (forced-colors: active) {
  :root[data-theme="light"] .alp-header::after { display: none; }
}
:root[data-theme="light"] .alp-topbar .alp-ico { opacity: 1; }

/* Text ueber der Aurora (Kontaktleiste, Seitenkopf): heller Schleier und dunklere Akzente, mindestens 7:1 */
:root[data-theme="light"] .alp-topbar { background: rgba(255, 255, 255, .62); color: #0e1530; }
:root[data-theme="light"] .alp-topbar a { color: #0e1530; }
:root[data-theme="light"] .alp-topbar .zk-pause { color: #0e1530; }
:root[data-theme="light"] .alp-hero :is(.alp-hero-label, .alp-brotkrumen a, a:not(.alp-btn):not(.alp-hero-portrait)) { color: #003a49; }
:root[data-theme="light"] .alp-hero .alp-brotkrumen, :root[data-theme="light"] .alp-hero .zk-daten-label { color: #1b2545; }

/* Ruhige Seiten (Blog-Artikel, Recht): Grund ohne kraeftige Aurora */
:root[data-theme="light"] body.alp.zk-ruhig {
  background:
    radial-gradient(ellipse at 80% 4%, rgba(101, 80, 219, .1), transparent 55%),
    radial-gradient(ellipse at 6% 18%, rgba(0, 160, 195, .07), transparent 52%),
    var(--zk-bg);
}

/* Weniger Transparenz / erzwungene Farben */
@media (prefers-reduced-transparency: reduce) {
  :root[data-theme="light"] .alp-topbar { background: #f4f6fc; }
  :root[data-theme="light"] .alp-section--soft { background: #e6e8f8; }
  :root[data-theme="light"] .alp-section--dark { background: #dbe8f3; }
  :root[data-theme="light"] .alp-section--brand { background: #d3d8f3; }
  :root[data-theme="light"] .zk-himmel { background: none; }
}
@media (forced-colors: active) {
  :root[data-theme="light"] .alp :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
  :root[data-theme="light"] .zk-thema:focus-visible { outline-color: CanvasText; }
}