/* 3D-Druck-Portal – Designs
   Copyright © 2026 · Entworfen und entwickelt by Marc-André Straßen mit ❤️ */

/* ===== Werkstatt (Standard) – dunkel, Filament-Orange ===== */
:root,[data-theme="werkstatt"]{
  --bg:#14161b;--card:#1d2027;--input-bg:#171a20;--btn-bg:#252932;--line:#2e333d;--hover:rgba(255,255,255,.06);
  --text:#e9ebf0;--muted:#9097a6;--accent:#ff7a1a;--accent-ink:#1a0e04;--accent-soft:rgba(255,122,26,.14);
  --ok:#22c55e;--warn:#f59e0b;--err:#ef4444;
  --radius:12px;--radius-s:8px;--font:'Inter',system-ui,sans-serif;--font-head:'Inter',system-ui,sans-serif;
  --card-border:1px solid var(--line);--shadow:0 1px 2px rgba(0,0,0,.3);--shadow-l:0 12px 32px rgba(0,0,0,.45);
  --topbar-bg:rgba(20,22,27,.85);--thumb-bg:#22262e;--viewer-bg:#1b1e24;--viewer-grid:#3a3f4b;
  --deco:radial-gradient(1200px 500px at 85% -10%,rgba(255,122,26,.10),transparent 60%);
  color-scheme:dark;
}
[data-theme="werkstatt"] .stat{border-top:3px solid var(--accent)}

/* ===== Hell – klar & freundlich ===== */
[data-theme="hell"]{
  --bg:#f4f6f9;--card:#ffffff;--input-bg:#f8fafc;--btn-bg:#ffffff;--line:#e2e7ef;--hover:rgba(15,23,42,.05);
  --text:#0f172a;--muted:#64748b;--accent:#2563eb;--accent-ink:#ffffff;--accent-soft:rgba(37,99,235,.10);
  --ok:#16a34a;--warn:#d97706;--err:#dc2626;
  --radius:14px;--radius-s:9px;--font:'Inter',system-ui,sans-serif;--font-head:'Inter',system-ui,sans-serif;
  --card-border:1px solid var(--line);--shadow:0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);--shadow-l:0 16px 40px rgba(15,23,42,.12);
  --topbar-bg:rgba(255,255,255,.88);--thumb-bg:#eef2f7;--viewer-bg:#eef2f7;--viewer-grid:#c9d2df;
  --deco:none;color-scheme:light;
}

/* ===== Blueprint – technische Zeichnung ===== */
[data-theme="blueprint"]{
  --bg:#0d3b66;--card:#10477a;--input-bg:#0b355c;--btn-bg:#13508a;--line:rgba(220,235,255,.28);--hover:rgba(220,235,255,.08);
  --text:#eaf3ff;--muted:#a9c4e4;--accent:#e8f1ff;--accent-ink:#0d3b66;--accent-soft:rgba(232,241,255,.14);
  --ok:#7ee2a8;--warn:#ffd166;--err:#ff8a80;--link:#ffd166;
  --radius:2px;--radius-s:2px;--font:'JetBrains Mono',ui-monospace,monospace;--font-head:'JetBrains Mono',ui-monospace,monospace;--head-ls:.03em;
  --card-border:1px solid var(--line);--shadow:none;--shadow-l:0 0 0 1px var(--line),0 12px 30px rgba(0,0,0,.35);
  --topbar-bg:rgba(13,59,102,.92);--thumb-bg:#0b355c;--viewer-bg:#0b355c;--viewer-grid:#2f6aa3;
  --deco:linear-gradient(rgba(232,241,255,.07) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(232,241,255,.07) 1px,transparent 1px) 0 0/20px 20px,
         linear-gradient(rgba(232,241,255,.12) 1px,transparent 1px) 0 0/100px 100px,linear-gradient(90deg,rgba(232,241,255,.12) 1px,transparent 1px) 0 0/100px 100px;
  color-scheme:dark;
}
[data-theme="blueprint"] body{font-size:14px}
[data-theme="blueprint"] h1,[data-theme="blueprint"] h2{text-transform:uppercase}
[data-theme="blueprint"] .card,[data-theme="blueprint"] .stat{border-style:dashed}
[data-theme="blueprint"] .card::before{content:'';position:absolute;top:-4px;left:-4px;width:8px;height:8px;border-left:1px solid var(--accent);border-top:1px solid var(--accent)}
[data-theme="blueprint"] .card::after{content:'';position:absolute;bottom:-4px;right:-4px;width:8px;height:8px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent)}
[data-theme="blueprint"] .badge,[data-theme="blueprint"] .chip,[data-theme="blueprint"] .tag{border-radius:2px}

/* ===== Neon – Cyber-Look ===== */
[data-theme="neon"]{
  --bg:#0b0716;--card:#140e27;--input-bg:#100b20;--btn-bg:#1c1436;--line:#2c2150;--hover:rgba(34,227,255,.07);
  --text:#ece8ff;--muted:#9a90c4;--accent:#22e3ff;--accent-ink:#06121a;--accent-soft:rgba(34,227,255,.12);--link:#ff3df2;
  --ok:#39ff9f;--warn:#ffd23f;--err:#ff3d71;--stat-color:#22e3ff;
  --radius:14px;--radius-s:10px;--font:'Rajdhani','Inter',sans-serif;--font-head:'Orbitron','Inter',sans-serif;--head-ls:.04em;
  --card-border:1px solid var(--line);--shadow:0 0 0 1px rgba(255,61,242,.05),0 8px 24px rgba(0,0,0,.5);--shadow-l:0 0 30px rgba(34,227,255,.18),0 20px 40px rgba(0,0,0,.6);
  --glow:0 0 14px rgba(34,227,255,.55);
  --topbar-bg:rgba(11,7,22,.82);--thumb-bg:#1a1233;--viewer-bg:#0f0a1f;--viewer-grid:#3a2a6e;
  --deco:radial-gradient(800px 400px at 0% 0%,rgba(255,61,242,.16),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(34,227,255,.12),transparent 60%);
  color-scheme:dark;
}
[data-theme="neon"] body{font-size:16px;font-weight:500}
[data-theme="neon"] .model-card:hover{border-color:var(--accent);box-shadow:var(--shadow-l)}
[data-theme="neon"] .stat{border-image:linear-gradient(90deg,#ff3df2,#22e3ff) 1;border-width:0 0 2px;border-style:solid}
[data-theme="neon"] .brand-name{background:linear-gradient(90deg,#ff3df2,#22e3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme="neon"] .mainnav a.active{box-shadow:var(--glow)}

/* ===== Filament – Pastell & warm ===== */
[data-theme="filament"]{
  --bg:#fff7f0;--card:#ffffff;--input-bg:#fffaf6;--btn-bg:#ffffff;--line:#f1dfd2;--hover:rgba(228,87,46,.06);
  --text:#3b2a22;--muted:#8d776b;--accent:#e4572e;--accent-ink:#ffffff;--accent-soft:rgba(228,87,46,.10);
  --ok:#2a9d8f;--warn:#e9a23b;--err:#d62839;
  --radius:22px;--radius-s:14px;--font:'Nunito','Inter',sans-serif;--font-head:'Nunito','Inter',sans-serif;
  --card-border:1px solid var(--line);--shadow:0 4px 14px rgba(228,87,46,.07);--shadow-l:0 18px 40px rgba(120,60,30,.14);
  --topbar-bg:rgba(255,247,240,.9);--thumb-bg:#fdeee3;--viewer-bg:#fdf1e8;--viewer-grid:#efcfba;
  --deco:radial-gradient(500px 300px at 10% 10%,rgba(255,183,148,.35),transparent 70%),radial-gradient(500px 300px at 90% 30%,rgba(162,210,255,.30),transparent 70%),radial-gradient(500px 300px at 50% 100%,rgba(189,224,166,.30),transparent 70%);
  color-scheme:light;
}
[data-theme="filament"] h1,[data-theme="filament"] h2{font-weight:800}
[data-theme="filament"] .grid-models .model-card:nth-child(5n+1) .thumb{background:#ffe5d9}
[data-theme="filament"] .grid-models .model-card:nth-child(5n+2) .thumb{background:#dbeeff}
[data-theme="filament"] .grid-models .model-card:nth-child(5n+3) .thumb{background:#e3f4d7}
[data-theme="filament"] .grid-models .model-card:nth-child(5n+4) .thumb{background:#f3e3ff}
[data-theme="filament"] .grid-models .model-card:nth-child(5n+5) .thumb{background:#fff3c4}
[data-theme="filament"] .stat:nth-child(1){background:#ffe5d9}
[data-theme="filament"] .stat:nth-child(2){background:#dbeeff}
[data-theme="filament"] .stat:nth-child(3){background:#e3f4d7}
[data-theme="filament"] .stat:nth-child(4){background:#f3e3ff}
[data-theme="filament"] .stat:nth-child(5){background:#fff3c4}

/* ===== Carbon – schwarz, rot, scharfe Kanten ===== */
[data-theme="carbon"]{
  --bg:#0a0a0a;--card:#141414;--input-bg:#0f0f0f;--btn-bg:#1c1c1c;--line:#2a2a2a;--hover:rgba(255,255,255,.05);
  --text:#f2f2f2;--muted:#8f8f8f;--accent:#e10600;--accent-ink:#ffffff;--accent-soft:rgba(225,6,0,.14);
  --ok:#2ecc71;--warn:#f1c40f;--err:#ff4d4d;--link:#ff3b30;--chart-fail:#8f8f8f;
  --radius:4px;--radius-s:3px;--font:'Rajdhani','Inter',sans-serif;--font-head:'Rajdhani','Inter',sans-serif;--head-ls:.06em;
  --card-border:1px solid var(--line);--shadow:none;--shadow-l:0 16px 40px rgba(0,0,0,.7);
  --topbar-bg:rgba(10,10,10,.92);--thumb-bg:#1a1a1a;--viewer-bg:#121212;--viewer-grid:#333;
  --deco:repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 6px),repeating-linear-gradient(-45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 6px);
  color-scheme:dark;
}
[data-theme="carbon"] body{font-size:16px;font-weight:500}
[data-theme="carbon"] h1,[data-theme="carbon"] h2,[data-theme="carbon"] .brand{text-transform:uppercase;font-weight:700}
[data-theme="carbon"] .topbar{border-bottom:2px solid var(--accent)}
[data-theme="carbon"] .stat{border-left:4px solid var(--accent);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
[data-theme="carbon"] .model-card{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
[data-theme="carbon"] .btn-primary{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
[data-theme="carbon"] .mainnav a.active{background:transparent;color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}

/* Helle Themes: Status-Farben etwas kräftiger */
[data-theme="hell"] .st-idee,[data-theme="filament"] .st-idee{color:#a16207}