﻿/* =====================================================
   LagerPro Ã¢â‚¬â€ Hauptstylesheet
   UnterstÃƒÂ¼tzt Light-Mode (Standard) und Dark-Mode.
   Dark-Mode wird per data-theme="dark" auf <html> aktiviert,
   gespeichert in localStorage unter dem Key "lager_theme".
   ===================================================== */

/* ===== CSS-VARIABLEN (Light-Mode Standard) ===== */
:root {
    --color-primary:     #2563eb;
    --color-primary-rgb: 37,99,235;
    --color-primary-d:   #1d4ed8;
    --color-success:     #16a34a;
    --color-warning:     #d97706;
    --color-danger:      #dc2626;
    --color-purple:      #7c3aed;
    --color-muted:       #6b7280;
    --color-bg:          #f3f4f6;      /* Seitenhintergrund */
    --color-surface:     #ffffff;      /* Karten, Formulare */
    --color-surface-alt: #fafafa;      /* TabellenkÃƒÂ¶pfe, Card-Header */
    --color-border:      #e5e7eb;
    --color-text:        #111827;
    --color-hover:       #eff6ff;      /* Hover-Hintergrund */
    --color-code-bg:     #f1f5f9;      /* Code-Elemente */
    --radius:            0.5rem;
    --shadow:            0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --shadow-md:         0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06);
    --hover-unified-lift: -2px;
    --hover-unified-ring: rgba(var(--color-primary-rgb, 59,130,246), 0.30);
    --hover-unified-shadow: var(--shadow-md), 0 0 0 1px var(--hover-unified-ring);
    /* Container-Tile: Status "geplant" (Platzhalter, hellgrau gestrichelt) */
    --tile-planned-bg:     #e5e7eb;
    --tile-planned-border: #d1d5db;
    --tile-planned-text:   #9ca3af;
}

/* ===== CSS-VARIABLEN (Dark-Mode) ===== */
[data-theme="dark"] {
    --color-primary:     #3b82f6;
    --color-primary-rgb: 59,130,246;
    --color-primary-d:   #2563eb;
    --color-success:     #22c55e;
    --color-warning:     #f59e0b;
    --color-danger:      #ef4444;
    --color-purple:      #a78bfa;
    --color-muted:       #9ca3af;
    --color-bg:          #111827;
    --color-surface:     #1f2937;
    --color-surface-alt: #111827;
    --color-border:      #374151;
    --color-text:        #f9fafb;
    --color-hover:       #1e3a5f;
    --color-code-bg:     #374151;
    /* Container-Tile: "geplant" im Dark-Mode mit dunkleren GrautÃƒÂ¶nen */
    --tile-planned-bg:     #374151;
    --tile-planned-border: #4b5563;
    --tile-planned-text:   #6b7280;
}

/* =====================================================
   _variables.css
   Zweck:          Core-CSS-Modul (Base)
   Verwendet von:  Core-Basis auf allen Seiten (main.php/auth.php)
   Abhaengigkeiten: Reihenfolge base -> layout -> components
   Verantwortlich: Core-Styles
   ===================================================== */
