Style Guide v1.0.0: Indigo-Palette + lokale Web-Fonts

Komplette visuelle Umstellung nach dem generierten Style-Guide
(3d-lehrstun-de-v1.0.0). 3D-Druck-AG bekommt eine eigene Marke,
getrennt vom Teal der arduino.lehrstun.de-Schwester.

Farben: Teal #00979D -> Indigo #5B6EAE, warmes Off-White Surface
  #F0EEE9 statt Kuehlweiss, Lavendel-Akzent #9B8EC4.
Fonts: Raleway (Headings), Lato (Body), Inconsolata (Mono) — lokal
  gehostet in static/fonts/ (DSGVO-konform, kein Google-CDN),
  via @font-face + unicode-range (latin + latin-ext).
Form: Radius/Schatten/Spacing als Tokens (--radius-*, --shadow-*).

Technik:
  - base.html :root: neue --color-*/--font-*/--radius-* Tokens,
    alte Variablennamen (--primary etc.) als Aliase -> alle 33
    Templates ziehen sofort mit, kein Template-Rewrite noetig.
  - Semantische Banner-Tokens (--info/warn/success/error-bg+text+border)
    loesen ~130 Hardcoded-Pastelle ab (per sed gemappt).
  - Komponenten (Card, Button, Badge, Flash, Table, Code) auf Tokens.

Alle 13 Hauptseiten gegengeprueft (HTTP 200, keine Render-Fehler).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

templates/drucker.html

@@ -16,7 +16,7 @@
         font-size: 0.85rem; color: var(--text-light); margin-top: 0.2rem;
     }
     .druckerkachel-gross .sperre-banner {
-        background: #FADBD8; color: #943126; border: 1px solid #F5B7B1;
+        background: var(--error-bg); color: var(--error-text); border: 1px solid var(--error-border);
         border-radius: 6px; padding: 0.6rem 0.8rem; font-size: 0.9rem;
     }
     .druckerkachel-gross .api-hinweis {
@@ -39,7 +39,7 @@
 </p>
 
 {% if not darf_reservieren %}
-<div class="card" style="background:#FEF9E7; border-left: 4px solid var(--warning);">
+<div class="card" style="background:var(--warn-bg); border-left: 4px solid var(--warning);">
     <strong>Reservierung noch nicht freigeschaltet.</strong>
     Du kannst die Drucker bisher nur ansehen. Lass dich beim Lehrer freischalten,
     dann kannst du selbst Slots reservieren.
@@ -48,7 +48,7 @@
 
 {% set gesperrte = drucker_liste | selectattr('freigegeben', 'equalto', 0) | list %}
 {% if gesperrte %}
-<div class="card" style="background:#FADBD8; border-left: 4px solid var(--danger);">
+<div class="card" style="background:var(--error-bg); border-left: 4px solid var(--danger);">
     <strong>⚠ {{ gesperrte|length }} Drucker derzeit gesperrt:</strong>
     {{ gesperrte | map(attribute='name') | join(', ') }}
     — Details auf den jeweiligen Kacheln.
@@ -111,7 +111,7 @@
         {% endif %}
 
         {# Belegung: aktuell + naechste 3 Slots #}
-        <div style="background:#F4F6F7; border-radius: 6px; padding: 0.6rem 0.8rem; font-size: 0.85rem;">
+        <div style="background:var(--surface-muted); border-radius: 6px; padding: 0.6rem 0.8rem; font-size: 0.85rem;">
             {% if d.belegung %}
             <div><strong>🔖 Jetzt belegt:</strong>
                 {{ tier_emoji(d.belegung.tier or '') }} {{ d.belegung.vorname or '—' }}