/* Design-Tokens (Rahmenkonzept 6): alle Farben, Abstände, Radien, Schatten und Schriften. Komponenten in app.css
   verwenden nur diese Variablen. Stil wie das FloKI Portal (Entscheidung 02.11.2026): Navy, Blau und Cyan,
   Glasflächen, weiche bläuliche Schatten, große Rundungen. Grün, Gelb und Orange tragen Bedeutung
   (aus den Akten · Arzt · fehlt) und werden nur dafür verwendet. */
:root{
  color-scheme:light;
  /* Marke */
  --navy-950:#040B1C; --navy-900:#061029; --navy-800:#0B1B3F; --navy-700:#13275A; --navy-100:#EAF0FB;
  --blau-700:#1846B0; --blau-600:#1F59D2; --blau-500:#326CED; --blau-400:#588AF5; --blau-50:#EEF3FD;
  --cyan-700:#0786A0; --cyan-500:#07B4CF; --cyan-300:#5EC3DF; --cyan-50:#E3F7FB; --lavendel:#7B9FEF;
  --verlauf:linear-gradient(120deg,var(--blau-600) 0%,var(--blau-500) 45%,var(--cyan-500) 100%);
  --verlauf-tief:linear-gradient(125deg,#1846B0 0%,#1F59D2 40%,#0786A0 100%);   /* weiße Schrift, Kontrast ≥ 4.5:1 */
  --verlauf-weich:linear-gradient(135deg,#F1F5FF 0%,#E8F7FB 100%);
  --verlauf-dunkel:linear-gradient(120deg,var(--navy-900),var(--navy-800) 60%,#123A86);
  --orb-blau:rgba(50,108,237,.42); --orb-blau-rand:rgba(50,108,237,.12); --orb-cyan:rgba(7,180,207,.28);
  --schleier-blau:rgba(50,108,237,.16); --schleier-cyan:rgba(7,180,207,.14); --schleier-lavendel:rgba(123,159,239,.16);
  /* Text */
  --text:#0B1526; --text2:#4A5872; --text3:#66748C; --text-stark:#1B2840;
  --text-auf-dunkel:#FFFFFF; --text-auf-dunkel2:#A7B6D4; --text-auf-dunkel3:#DCE6FF;
  /* Flächen und Linien */
  --bg:#F2F5FC; --flaeche:#FFFFFF; --flaeche2:#F7F9FE; --rand:#E3E9F5; --rand-weich:#EEF2F9; --rand2:#CCD8EE; --rand-hover:#BFD0F5;
  --glas:rgba(255,255,255,.78); --glas-rand:rgba(255,255,255,.9); --hover:rgba(50,108,237,.07); --zeile-hover:#F6F9FF;
  --auf-verlauf:rgba(255,255,255,.16); --auf-verlauf-rand:rgba(255,255,255,.28); --auf-verlauf-stark:rgba(255,255,255,.86);
  --papier:#FFFFFF;
  /* Bedeutung */
  --ok:#137A4B; --ok-hell:#E2F5EB; --ok-rand:#BFE5CF;
  --arzt:#735800; --arzt-hell:#FFF6D6; --arzt-mark:#F3D97A; --arzt-rand:#F2DDA6;
  --achtung:#9A5222; --achtung-hell:#FFF1E5; --achtung-rand:#F3D2B8;
  --gefahr:#C0352B; --gefahr-hell:#FCE9E7; --gefahr-rand:#F3C9C4; --gefahr-dunkel:#9C2A22;
  --info-hell:#E8EFFD; --info-rand:#CFDDFB;
  /* Markierungen auf den Seitenbildern */
  --mk-tool:rgba(19,122,75,.22); --mk-tool-aktiv:rgba(19,122,75,.4); --mk-arzt:rgba(243,217,122,.5);
  /* Seitenbild-Skizze */
  --linie:#E4E9F2; --linie-kraeftig:#B9C4D6;
  /* Schrift */
  --ui:"Fira Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --fs-10:10px; --fs-11:11px; --fs-12:12px; --fs-13:13.5px; --fs-14:14px; --fs-15:15px; --fs-17:17px; --fs-20:20px;
  --fs-24:24px; --fs-28:28px; --fs-30:30px; --fs-36:36px;
  /* Abstände */
  --sp-0:1px; --sp-1:2px; --sp-2:4px; --sp-3:6px; --sp-4:8px; --sp-5:10px; --sp-6:12px; --sp-7:14px; --sp-8:16px; --sp-9:18px;
  --sp-10:20px; --sp-11:24px; --sp-12:28px; --sp-13:32px; --sp-14:40px; --sp-15:48px; --sp-16:64px; --sp-17:120px; --sp-18:150px;
  --gap:clamp(14px,1.3vw,22px);
  /* Radien */
  --r-xs:6px; --r-ico:11px; --r-s:10px; --r-m:14px; --r-l:20px; --r-xl:26px; --r-xxl:28px; --r-pill:999px;
  /* Schatten (leicht bläulich, wie Licht durch Glas) */
  --schatten-s:0 1px 2px rgba(16,34,84,.04),0 8px 24px -12px rgba(31,89,210,.14);
  --schatten-m:0 2px 6px rgba(16,34,84,.05),0 18px 40px -16px rgba(31,89,210,.22);
  --schatten-l:0 28px 70px -20px rgba(11,27,63,.35);
  --schatten-glow:0 10px 24px -10px rgba(50,108,237,.65);
  --schatten-glow-hover:0 14px 28px -12px rgba(50,108,237,.7);
  --schatten-hero:0 22px 44px -22px rgba(24,70,176,.8);
  --schatten-gefahr:0 10px 22px -12px rgba(192,53,43,.7);
  --schatten-knopf:0 1px 2px rgba(16,34,84,.04);
  --fokus-ring:0 0 0 4px rgba(50,108,237,.14);
  --schleier:rgba(6,16,41,.38); --maske:#000;   /* nur für Masken (unsichtbar) */
  --unschaerfe:blur(18px) saturate(1.4);
  --ease:cubic-bezier(.2,.7,.2,1);
  --nav-breite:268px;
  /* Liniensymbole (eigene Zeichnung im Stil von Lucide) als Masken; die Farbe setzt die Komponente */

  --i-ordner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5A2.5 2.5 0 0 1 5.5 5H9l2 2.5h7.5A2.5 2.5 0 0 1 21 10v7.5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 17.5z'/%3E%3C/svg%3E");
  --i-akte:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E");
  --i-akte-haken:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 14.5l2 2 4-4.5'/%3E%3C/svg%3E");
  --i-personen:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0'/%3E%3Cpath d='M16 4.6a3.5 3.5 0 0 1 0 6.8M21.5 20a6.5 6.5 0 0 0-4-6'/%3E%3C/svg%3E");
  --i-liste:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 6h10M10 12h10M10 18h10'/%3E%3Cpath d='M3.5 6l1.5 1.5L7.5 5M3.5 12l1.5 1.5L7.5 11M3.5 18l1.5 1.5L7.5 17'/%3E%3C/svg%3E");
  --i-schild:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E");
  --i-puls:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l3-8 4 16 3-8h4'/%3E%3C/svg%3E");
  --i-glocke:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.9 1.9 0 0 0 3.4 0'/%3E%3C/svg%3E");
  --i-regler:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h9M17 6h3M4 12h3M11 12h9M4 18h11M19 18h1'/%3E%3Ccircle cx='15' cy='6' r='2'/%3E%3Ccircle cx='9' cy='12' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E");
  --i-lupe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
  --i-hochladen:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V4M7.5 8.5L12 4l4.5 4.5'/%3E%3Cpath d='M4 15v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E");
  --i-schloss:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");
}