/*
 * Zentrale Design-Tokens fuer Digitana Core.
 *
 * Diese Datei definiert nur gemeinsame Werte.
 * Sie veraendert allein noch keine bestehende Darstellung.
 */

:root {
    /* Schrift */
    --core-font-family: system-ui, Arial, sans-serif;

    /* Oeffentlicher Login-, 2FA- und Passwortbereich */
    --core-public-bg: #0b1d3a;
    --core-public-panel: #000000;
    --core-public-text: #ffffff;
    --core-public-shadow: 0 20px 60px rgba(0, 0, 0, 0.60);

    /* Dunkler Core-Rahmen */
    --core-app-bg: #08152b;
    --core-dark-panel: #050505;
    --core-dark-panel-alt: #0d1117;
    --core-dark-topbar-start: #08111d;
    --core-dark-topbar-end: #07111c;
    --core-dark-line: #1f2f4d;
    --core-dark-text: #f5f7fb;
    --core-dark-muted: #9fb0c9;
    --core-dark-chip: #0f223f;

    /* Primaerfarben */
    --core-primary-dark: #163a6b;
    --core-primary: #214d89;
    --core-primary-light: #2f5b98;
    --core-primary-text: #ffffff;

    /* Heller Arbeitsbereich */
    --core-workspace-shell-start: #344556;
    --core-workspace-shell-end: #314150;
    --core-surface-start: #dbe2e9;
    --core-surface-end: #d5dde5;
    --core-card-start: #eef3f7;
    --core-card-end: #e8edf2;
    --core-card-soft: #edf2f6;
    --core-light-text: #142033;
    --core-light-heading: #173050;
    --core-light-muted: #415673;
    --core-light-muted-2: #50647e;

    /* Statusfarben */
    --core-success-bg-start: #d8efde;
    --core-success-bg-end: #cde6d4;
    --core-success-text: #205d35;
    --core-success-dark: #1d6f42;

    --core-warning-bg-start: #f4e1bf;
    --core-warning-bg-end: #ecd2a0;
    --core-warning-text: #744d12;

    --core-error-bg-start: #efd5d5;
    --core-error-bg-end: #e6caca;
    --core-error-text: #7a2020;

    --core-neutral-bg-start: #e7edf4;
    --core-neutral-bg-end: #dce5ef;
    --core-neutral-text: #294563;


    /* Globale Core-UI-Komponenten / Schlussdesign */
    --core-ui-surface: rgba(248, 250, 252, 0.68);
    --core-ui-surface-solid: #ffffff;
    --core-ui-surface-soft: #edf2f6;
    --core-ui-border: rgba(38, 58, 88, 0.12);
    --core-ui-border-control: rgba(38, 58, 88, 0.24);
    --core-ui-accent: #547ba8;
    --core-ui-link: #315f95;
    --core-ui-shadow-soft: 0 5px 12px rgba(10, 20, 35, 0.04);

    /* Abstaende */
    --core-space-1: 4px;
    --core-space-2: 6px;
    --core-space-3: 8px;
    --core-space-4: 10px;
    --core-space-5: 12px;
    --core-space-6: 14px;
    --core-space-7: 16px;
    --core-space-8: 18px;
    --core-space-9: 20px;
    --core-space-10: 24px;

    /* Rundungen */
    --core-radius-small: 8px;
    --core-radius-control: 10px;
    --core-radius-button: 12px;
    --core-radius-card: 14px;
    --core-radius-panel: 16px;
    --core-radius-shell: 20px;
    --core-radius-large: 22px;
    --core-radius-pill: 999px;

    /* Rahmen */
    --core-border-dark: 1px solid rgba(84, 125, 185, 0.16);
    --core-border-light: 1px solid rgba(38, 58, 88, 0.12);
    --core-border-primary: 1px solid rgba(95, 135, 200, 0.30);

    /* Schatten */
    --core-shadow-small: 0 8px 16px rgba(0, 0, 0, 0.14);
    --core-shadow-card: 0 12px 26px rgba(10, 20, 35, 0.16);
    --core-shadow-shell: 0 18px 40px rgba(0, 0, 0, 0.18);
    --core-shadow-dark: 0 20px 60px rgba(0, 0, 0, 0.60);

    /* Bedienung */
    --core-focus-ring: 0 0 0 3px rgba(92, 138, 210, 0.30);
    --core-transition-fast: 0.18s ease;
    --core-transition-normal: 0.20s ease;
}