/* ============================================================
   mietvio — Design-Tokens · EINE Quelle
   Vorher lag dieser :root-Block als Inline-<style> in index.html UND allen
   6 Detailseiten (7 identische Kopien) — eine Farbänderung war 7 Edits.
   Jetzt: hier ändern → Landing, Detailseiten, Rechtstexte, Auth ziehen nach.
   Look/Farben nach Zenith-Vorbild, Akzent = mietvio-Teal.
   ============================================================ */

@font-face{font-family:"Plus Jakarta Sans";font-weight:200 800;font-style:normal;font-display:swap;src:url(fonts/plus-jakarta-sans.woff2) format("woff2")}

:root{
  /* Tinte & Text — mietvio-Petrol-Neutrale (edel, warm-kühl) */
  --ink:#0A1F1C; --ink-2:#12312C;
  --text:#3E524E; --text-soft:#5E726E; --faint:#5F7168;
  --line:#E2ECEA; --line-2:#CFDEDB;
  --paper:#FFFFFF; --paper-2:#FAFCFB; --paper-blue:#F1F8F7;

  /* Akzent — mietvio-Teal (EIN Akzent, sparsam) */
  --accent:#0E9488; --accent-2:#16B6A6; --deep:#0A2E2A;

  /* ⚠️ Kontrast-Rollen — NICHT durch --accent ersetzen.
     Weiß auf --accent (#0E9488) ergibt nur 3,74:1 und verfehlt WCAG-AA (4,5:1 für
     Normaltext). Für Grafik/Icons genügt 3:1, deshalb bleibt --accent für Icon-Kacheln,
     Flächen, Ränder und Verläufe richtig. Sobald aber TEXT darauf sitzt (Buttons, Chips,
     Badges) oder der Akzent SELBST Text ist (Eyebrow, Links), diese Rollen nehmen: */
  --accent-cta:#0A726A;   /* Flächen mit weißem Text darauf → weiß/#0A726A = 5,8:1 */
  --accent-ink:#0A6E66;   /* Teal ALS Text auf hellem Grund → 6,0:1 auf Weiß */
  --accent-soft:#E2F4F1;  /* zarte Teal-Fläche für Chips/Tints */

  --ok:#12A150; --warn:#E6B24E;
  /* Status ALS Text (dieselbe Kontrast-Logik wie oben: --warn/--ok sind Flächenfarben) */
  --warn-ink:#8A5200;     /* 6,4:1 auf Weiß — --warn selbst wäre als Text nur 1,9:1 */

  /* Schrift-Rollen (eine Familie, differenziert über letter-spacing/Größe) */
  --fs:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fm:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* --fd/--ft sind die Rollen-Namen der vio-Lineage. Das Chatbot-Widget (/shared/chatbot.css) liest
     var(--fd/--ft/--fm) mit Fallback auf Schibsted/Hanken — ohne diese zwei Zeilen rendert der Chat
     auf der ALTEN Schrift, während die Seite Plus Jakarta trägt (live so gemessen). Nicht löschen. */
  --fd:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ft:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;

  /* Radius & Layout */
  --r-sm:10px; --r:16px; --r-lg:20px; --r-pill:999px;
  --mx:min(1240px,92vw);

  /* Tiefe (weich, mehrlagig) */
  --sh-sm:0 1px 2px rgba(10,31,28,.05),0 4px 12px rgba(10,31,28,.05);
  --sh-md:0 2px 6px rgba(10,31,28,.06),0 20px 50px -22px rgba(10,31,28,.30);
  --sh-lg:0 30px 80px -30px rgba(10,31,28,.5);
}