/* Dropprinters · Design-Tokens v7 (hell). Alle v6-Variablennamen bleiben.
   --bg-0..2 sind jetzt helle Flaechen, --ink-0..2 dunkle Schrift. Dunkle Objekte (Rauchglas-Insel, Liste unten) setzen die Tokens zurueck.
   Die alten Dunkelwerte stehen als --smoke-0..2 und im Inselblock. */
:root{
  color-scheme:light;
  /* Flaechen */
  --bg-0:#FFFFFF; --bg-1:#F7F7FA; --bg-2:#ECECF2;               /* --bg-2 = deckende Fallback-Flaeche (reduzierte Transparenz) */
  --smoke-0:#0D0D13; --smoke-1:#14141C; --smoke-2:#1D1D2A;      /* alte Buehnenwerte, nur fuer Inseln */
  --light-0:#F6F6F9; --light-1:#FFFFFF; --light-2:#ECECF1;      /* helle Blaetter */
  /* Text: Standard dunkel. --ink-dark-* bleibt konstant dunkel (fuer .light/.on-light und feste Dunkelschrift) */
  --ink-0:#0A0A0C; --ink-1:rgba(10,10,12,.80); --ink-2:rgba(10,10,12,.68);
  --ink-dark-0:#0A0A0C; --ink-dark-1:rgba(10,10,12,.76); --ink-dark-2:rgba(10,10,12,.68);
  /* Vollflaechen-Paar: schwarze Pille mit weisser Schrift (in der Insel umgekehrt: weisse Pille, dunkle Schrift) */
  --solid:#0A0A0C; --on-solid:#FFFFFF; --solid-hover:#1F1F2B;
  /* Schrift auf Rauchglas */
  --ink-on-smoke-0:#FFFFFF; --ink-on-smoke-1:rgba(255,255,255,.82); --ink-on-smoke-2:rgba(255,255,255,.72);
  /* Linien und Tint-Flaechen (vorher hart rgba(255,255,255,x)) */
  --line:rgba(10,10,12,.10); --line-soft:rgba(10,10,12,.06); --line-strong:rgba(10,10,12,.16);
  --hover:rgba(10,10,12,.05); --chip-bg:rgba(10,10,12,.05);
  --field-bg:rgba(255,255,255,.78); --field-border:rgba(10,10,12,.46);
  /* Akzent: #22D3EE nur fuer Glow, Punkte, Fokus-Halo, Linienenden und im Rauchglas. Text/Links auf Hell: --accent-ink */
  --accent:#22D3EE; --accent-2:#7C3AED; --accent-3:#2563EB;
  --accent-ink:#0A5870; --accent-ink-hover:#083F52;
  /* Farb-Fades (Pastell, Deckkraft nie ueber .9) */
  --fade-a:#F5C6E8; --fade-b:#CDB8FF; --fade-c:#BBD6FF; --fade-d:#FFD2B5; --fade-e:#B4EEF3;
  --aurora-a:var(--fade-a); --aurora-b:var(--fade-b); --aurora-c:var(--fade-c); --aurora-d:var(--fade-d);
  /* Stripe-Sweep (nur Hub-Hero) und Fade-Baender */
  --sweep-1:#FFB98A; --sweep-2:#FF9ACB; --sweep-3:#B9A2FF; --sweep-4:#8DBEFF; --sweep-o:.78;
  --fade-ramp-x:linear-gradient(90deg,var(--sweep-1) 0%,var(--sweep-2) 30%,var(--sweep-3) 62%,var(--sweep-4) 100%);
  /* Verlaufstext (.text-grad, Hub-Wort Software) */
  --text-grad:linear-gradient(100deg,#1E1B4B 0%,#4F46E5 42%,#A21CAF 78%,#1E1B4B 100%); --text-grad-solid:#3B2BB8;
  /* Milchglas */
  --glass-bg:rgba(255,255,255,.58); --glass-bg-strong:rgba(255,255,255,.78);
  --glass-border:rgba(10,10,12,.09); --glass-highlight:rgba(255,255,255,.95);
  --glass-blur:24px; --glass-sat:160%;
  --glass-shadow:0 24px 60px -26px rgba(48,32,110,.28),0 2px 10px rgba(48,32,110,.06),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(10,10,12,.04);
  --glass-light-bg:rgba(255,255,255,.72); --glass-light-border:rgba(10,10,12,.08);
  --glass-spec:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 62%,rgba(255,255,255,.55) 100%);
  --glass-glow:rgba(255,255,255,.85); --glass-glow-o:.75; --glass-glow-blend:normal;
  /* Rauchglas (Geraete, Code-Fenster, Telefone, Auftragsleiste, Buehnen-Chips, Hub-Monogramm) */
  --smoke-bg:rgba(20,20,32,.88); --smoke-bg-strong:rgba(20,20,32,.94); --smoke-border:rgba(255,255,255,.16); --smoke-blur:22px;
  --smoke-shadow:0 30px 70px -28px rgba(24,16,60,.55),0 2px 10px rgba(24,16,60,.18),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(255,255,255,.06);
  /* Radien, Raster, Typo (unveraendert) */
  --r-pill:999px; --r-xl:28px; --r-lg:20px; --r-md:14px;
  --container:1200px; --gutter:clamp(16px,4vw,48px);
  --font-display:"Inter Tight",Inter,system-ui,sans-serif; --font-body:Inter,system-ui,sans-serif;
  --font-accent:"Barlow Condensed","Inter Tight",sans-serif;
  --h1:clamp(44px,7vw,112px); --h2:clamp(32px,4.6vw,64px); --h3:clamp(22px,2.4vw,30px); --lead:clamp(17px,1.4vw,21px);
  --ease-out:cubic-bezier(.16,1,.3,1); --ease-glass:cubic-bezier(.2,.8,.2,1);
}

/* ===== Rauchglas-Insel =====
   Nur Token, kein Hintergrund. Alles darin (weisse Schrift, rgba(255,255,255,x)-Linien, var(--bg-1)-Flaechen, .glass, .badge, .btn) bleibt gueltig.
   Reine Selektorliste, kein HTML-Eingriff. Neue Geraeteklasse = hier eintragen. Dunkle Akzentkarte hell machen = Klasse hier streichen.
   Dunkle Akzentkarten (pg-card/-figure/-section--dark, sol-tile--dark, sol-who__item--dark, sol-xlink__card--dark, sol-count, cs-count-tile):
   seit v8 hell, Rezept "Milchglas-Akzentkarte mit Pastell-Fade" in den Seiten-CSS (pages, agency-service, solutions, sol-plattform, sol-dp-shop, closed-shop). */
:is(
  .smoke,.glass--smoke,[data-smoke],
  .pt-rail,.pt-chipx,.ptb-chip,.pt-mark__chip,.pt-panel,
  .pg-hero__pane,
  .sol-win,.sol-win__core,.sol-float,.sol-stepbar__list,
  .sol-plt-hub,.sol-plt-dev,.sol-plt-win,.sol-plt-con,.sol-plt-token,.sol-plt-hub__token,.sol-plt-side--dp,.sol-fx__dev,.sol-fx__phone,
  .sol-con__win,.sol-con__hub,.sol-con__flyer,.sol-con__pkt,.sol-con-take__fly,
  .sol-config__core,.sol-dps-ship,.sol-dps-cart,.sol-dps-mini-order,.sol-dps-mini-shop,.sol-dps-pop__card--more,
  .cs-shop,.cs-float,.cs-console,
  .ag-win__core,.ag-win__bar
){
  color-scheme:dark; color:var(--ink-0);
  --bg-0:var(--smoke-0); --bg-1:var(--smoke-1); --bg-2:var(--smoke-2);
  --ink-0:var(--ink-on-smoke-0); --ink-1:var(--ink-on-smoke-1); --ink-2:var(--ink-on-smoke-2);
  --solid:#FFFFFF; --on-solid:#0A0A0C; --solid-hover:#E9E9EE;
  --accent-ink:var(--accent); --accent-ink-hover:#67E8F9;
  --line:rgba(255,255,255,.14); --line-soft:rgba(255,255,255,.07); --line-strong:rgba(255,255,255,.24);
  --hover:rgba(255,255,255,.08); --chip-bg:rgba(255,255,255,.07);
  --field-bg:rgba(5,5,7,.38); --field-border:rgba(255,255,255,.18);
  --glass-bg:rgba(255,255,255,.08); --glass-bg-strong:rgba(255,255,255,.14);
  --glass-border:rgba(255,255,255,.18); --glass-highlight:rgba(255,255,255,.55);
  --glass-shadow:var(--smoke-shadow);
  --glass-spec:linear-gradient(135deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 62%,rgba(255,255,255,.12) 100%);
  --glass-glow:rgba(255,255,255,.22); --glass-glow-o:.7; --glass-glow-blend:screen;
  --text-grad:linear-gradient(100deg,#fff 0%,#cffafe 38%,#e9d5ff 70%,#fff 100%); --text-grad-solid:#E8F7FF;
}