/* =========================================================== medcare — Design-Tokens (Theme-Layer) DIES ist die EINE Stelle fuer das komplette Look-&-Feel. app.css konsumiert nur noch diese Variablen (keine festen Farben). Theme umschalten: — gesetzt in base.html aus dem Setting 'theme' (bzw. Env APPKIT_THEME). Ein neues Theme = ein weiterer [data-theme="…"]-Block hier, sonst nichts. =========================================================== */ /* ---------- Default: Dark Gold ---------- */ :root, :root[data-theme="dark"]{ /* Flaechen */ --bg:#0f1216; --panel:#171b21; --panel2:#1e232b; --line:#2a313b; /* Text */ --txt:#e6e9ee; --muted:#8b95a3; /* Akzent + Status */ --accent:#c9a227; --accent2:#e0b84a; --danger:#e5484d; --ok:#3fb950; --warn:#d29922; --info:#4493f8; --violet:#a78bfa; /* Abgeleitete Rollen */ --accent-contrast:#1a1a1a; /* Text auf Accent-Flaeche */ --accent-glow:rgba(201,162,39,.16); /* Fokus-Ring */ --ava-grad:linear-gradient(135deg,var(--accent2),var(--accent)); --shadow-card:0 1px 0 rgba(0,0,0,.2); /* Form/Layout */ --radius:8px; --radius-card:16px; --radius-pill:10px; --content-max:1600px; /* Seitenbreite (volle Breite nutzen) */ --content-pad:26px 34px; --font:system-ui,Segoe UI,Roboto,Arial,sans-serif; } /* ---------- Hell: Medical Clean (Blau) ---------- */ :root[data-theme="light"]{ --bg:#f4f6f9; --panel:#ffffff; --panel2:#eef2f7; --line:#dde3ea; --txt:#17202e; --muted:#667180; --accent:#1e6fd9; --accent2:#3b86ec; --danger:#d63c3c; --ok:#2e9e4f; --warn:#c07d0e; --info:#2f7fe0; --violet:#6d5cf5; --accent-contrast:#ffffff; --accent-glow:rgba(30,111,217,.18); --ava-grad:linear-gradient(135deg,var(--accent2),var(--accent)); --shadow-card:0 1px 3px rgba(20,30,50,.07); } /* ---------- Teal: medcare Care (Gruen-Blau) ---------- */ :root[data-theme="teal"]{ --bg:#0e1618; --panel:#13201f; --panel2:#182b29; --line:#22403c; --txt:#e4efec; --muted:#83a29b; --accent:#1d9e75; --accent2:#2fc194; --danger:#e5606a; --ok:#3fb950; --warn:#d5a017; --info:#3fa7d6; --violet:#8f8ff0; --accent-contrast:#04201a; --accent-glow:rgba(29,158,117,.18); --ava-grad:linear-gradient(135deg,var(--accent2),var(--accent)); --shadow-card:0 1px 0 rgba(0,0,0,.25); }