@charset "UTF-8";

/* =========================================================================
   Design-Tokens des Redesigns B.

   Einzige Quelle für Farben, Schriften und Radius — Website und Console
   laden diese Datei gemeinsam, damit ein geänderter Wert nicht an zwei
   Stellen gepflegt werden muss. Masse, die nur eine der beiden Oberflächen
   betreffen (Container, Sidebar-Breite), stehen in main.css bzw. backend.css.
   ========================================================================= */

:root {
    /* Flächen */
    --bg-base: #131b2c;
    --bg-raised: #182233;
    --bg-card: #202a3b;
    --bg-card-hover: #283449;
    --bg-console: #0e1626;
    --bg-console-panel: #152034;
    --bg-placeholder: linear-gradient(160deg, #1c2637, #212f42);
    --bg-omnia-tint: linear-gradient(160deg, #16253f, #131b2c 65%);
    --header-scrim: rgba(15, 22, 36, 0.82);
    --overlay-modal: rgba(6, 10, 18, 0.72);

    /* Text */
    --text-primary: #ffffff;
    --text-body: #e2e8f0;
    --text-muted: #94a3b8;
    --text-soft: #cbd5e1;
    --text-dim: #64748b;
    --text-faint: #4b5563;

    /* Akzent */
    --accent: #63b3ed;
    --accent-light: #90cdf4;
    --accent-deep: #3182ce;
    --accent-on: #0f1624;

    /* Linien */
    --border-hairline: rgba(148, 163, 184, 0.16);
    --border-card: rgba(148, 163, 184, 0.18);
    --border-strong: rgba(148, 163, 184, 0.22);
    --border-button: rgba(148, 163, 184, 0.3);
    --border-subtle: rgba(148, 163, 184, 0.1);
    --hover-fill: rgba(148, 163, 184, 0.12);

    /* Status */
    --success: #34d399;
    --success-bg: rgba(52, 211, 153, 0.16);
    --warning: #fbbf24;
    --warning-bg: rgba(251, 191, 36, 0.16);
    --danger: #ef4444;
    --danger-soft: #f87171;
    --danger-bg: rgba(239, 68, 68, 0.16);
    --attention: #f59e0b;

    /* Schrift */
    --font-sans: 'Lexend Deca', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    --radius: 4px;
}