/* ==========================================================================
   ORBITUM – Beispiel-Theme „light“
   Aktivieren: appsettings.json → "Ui": { "Theme": "light" }
   Überschreibt nur Farben; Schrift und Größen kommen aus default.css.
   Vorlage für eigene Themes: kopieren, Namen ändern, Werte anpassen.
   ========================================================================== */

:root[data-theme="light"] {
    --og-bg: #f3f5fb;
    --og-bg-2: #e8ecf6;
    --og-panel: #ffffff;
    --og-panel-2: #e4e9fb;
    --og-border: #d3d9ea;
    --og-text: #1a2033;
    --og-muted: #5d6784;
    --og-accent: #3f5bdb;
    --og-accent-2: #7a4bd8;

    --og-ok: #1f9d63;
    --og-warn: #b97800;
    --og-danger: #d13a4b;

    --og-metal: #5d6a85;
    --og-crystal: #1b8fcf;
    --og-deut: #149b75;
    --og-energy: #b88600;

    --og-glow: color-mix(in srgb, var(--og-accent) 10%, transparent);
    --og-art-building: #c9d4f5, #eef1fb;
    --og-art-research: #d9cdf5, #f3effb;
    --og-art-ship: #c5e2ef, #eef6fa;
    --og-art-defense: #f0cdd5, #fbf0f2;
    --og-art-text: color-mix(in srgb, var(--og-text) 25%, transparent);
}