/* ============================================================
   NODELOOP · theme.css
   Mandant: MD CARE (mdcare) · Config-Version 4
   AUTOMATISCH GENERIERT — nicht von Hand bearbeiten.
   Änderungen gehören in tenant_config, danach neu generieren.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  /* ---------- 1 · Akzent + berechnete Abstufungen ---------- */
  --akzent: #77cff1;
  --akzent-rgb: 119,207,241;
  --akzent-10: rgba(119,207,241,0.10);
  --akzent-15: rgba(119,207,241,0.15);
  --akzent-20: rgba(119,207,241,0.20);
  --akzent-30: rgba(119,207,241,0.30);
  --akzent-50: rgba(119,207,241,0.50);
  --akzent-deep: #1d82a9;   /* berechnet: dunklere Variante fuer Verlaeufe */
  --akzent2: #ffc14d;

  /* ---------- 2 · Flächen (vier definierte Ebenen) --------- */
  --s0: #080b0f;
  --s1: #0b1016;
  --s2: #0e1318;
  --s3: #131a22;
  --ink:   #080b0f;
  --ink-rgb: 8,11,15;
  --panel: #0e1318;
  --card:  #111820;

  /* ---------- 3 · Text (aus --text abgeleitet) ------------- */
  --text:  #e8edf2;
  --text-rgb: 232,237,242;
  --fg-rgb: 255,255,255;   /* Overlay-Basis: hell auf dunkel, dunkel auf hell */
  --muted: rgba(255,255,255,0.6);
  --soft:  rgba(255,255,255,0.42);
  --dim:   rgba(232,237,242,0.36);
  --hair:  rgba(232,237,242,0.07);
  --line:  rgba(119,207,241,0.1);

  /* ---------- 4 · Typografie ------------------------------- */
  --font-headline: 'Syne', sans-serif;
  --font-body:     'DM Sans', sans-serif;
  --font-weight-body: 300;
  --mono: ui-monospace,"SF Mono","Roboto Mono",Menlo,Consolas,monospace;
  --t-xs: 0.605rem;
  --t-sm: 0.795rem;
  --t-md: 0.87rem;
  --t-lg: 0.985rem;

  /* ---------- 5 · Layout ----------------------------------- */
  --shell:  1400px;
  --pad:    clamp(1.15rem,4vw,3.5rem);
  --gutter: clamp(1.25rem,2.4vw,2.25rem);
  --nav-h:  70px;
  --sec-y:  clamp(4.5rem,8.5vw,8rem);
  --bleed:  calc(max(0px,(100vw - var(--shell))/2) + var(--pad));

  /* ---------- 6 · Bewegung & Tints ------------------------- */
  --ease: cubic-bezier(.16,1,.3,1);
  --tint:        radial-gradient(135% 88% at 14% 0%,rgba(119,207,241,0.055),transparent 58%);
  --tint-strong: radial-gradient(135% 88% at 14% 0%,rgba(119,207,241,0.1),transparent 60%);

  /* ---------- 7 · Kompatibilität mit Bestands-Templates ----
     --blue kommt 472× vor, --gold 12×. Diese Aliase halten den
     Bestand lauffähig, während schrittweise auf --akzent
     umgestellt wird. Neue Templates nutzen nur --akzent. */
  --blue: var(--akzent);
  --blue-deep: var(--akzent-deep);
  --blue-10: var(--akzent-10);
  --blue-15: var(--akzent-15);
  --blue-20: var(--akzent-20);
  --blue-30: var(--akzent-30);
  --blue-50: var(--akzent-50);
  --gold: var(--akzent2);
}