/*
 * lemmandor – Design-Tokens (Quelle für Website und Portal mydata-survey)
 *
 * Namensschema wie shadcn/ui (PRD Abschnitt 7). Namen nicht umbenennen, keine Parallelnamen.
 * Kopie in mydata-survey von Hand gleich halten (PRD 7.3). Begründungen und Anwendung: DESIGN.md.
 *
 * Nur Variablen. Hell in :root, Dunkel über die Klasse .dark (Portal) und über die
 * Systemeinstellung prefers-color-scheme (Website, ohne Umschalter).
 */

:root {
    color-scheme: light;

    --background: #FFFFFF;
    --foreground: #0F172A;
    --card: #FFFFFF;
    --card-foreground: #0F172A;
    --popover: #FFFFFF;
    --popover-foreground: #0F172A;
    --primary: #1E3A5F;
    --primary-foreground: #FFFFFF;
    --secondary: #F1F5F9;
    --secondary-foreground: #1E3A5F;
    --muted: #F4F6F9;
    --muted-foreground: #475569;
    --accent: #E8EEF6;
    --accent-foreground: #1E3A5F;
    --destructive: #DC2626;
    --border: #E2E8F0;
    --input: #7F8CA0;
    --ring: #3B6EA8;

    --success: #15803D;
    --success-foreground: #FFFFFF;
    --warning: #B45309;
    --warning-foreground: #FFFFFF;
    --info: #0369A1;
    --info-foreground: #FFFFFF;

    --chart-1: #1E3A5F;
    --chart-2: #3B6EA8;
    --chart-3: #4F7FB8;
    --chart-4: #7A879B;
    --chart-5: #475569;

    --sidebar: #F4F6F9;
    --sidebar-foreground: #0F172A;
    --sidebar-primary: #1E3A5F;
    --sidebar-primary-foreground: #FFFFFF;
    --sidebar-accent: #E8EEF6;
    --sidebar-accent-foreground: #1E3A5F;
    --sidebar-border: #E2E8F0;
    --sidebar-ring: #3B6EA8;

    --radius: 0.625rem;

    --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-heading: var(--font-sans);
}

.dark {
    color-scheme: dark;

    --background: #0B1120;
    --foreground: #E8EDF5;
    --card: #111A2E;
    --card-foreground: #E8EDF5;
    --popover: #111A2E;
    --popover-foreground: #E8EDF5;
    --primary: #8DB4E8;
    --primary-foreground: #0B1120;
    --secondary: #1A2438;
    --secondary-foreground: #E8EDF5;
    --muted: #131C30;
    --muted-foreground: #9AA8BD;
    --accent: #1A2A45;
    --accent-foreground: #E8EDF5;
    --destructive: #F87171;
    --border: #22304A;
    --input: #55678A;
    --ring: #8DB4E8;

    --success: #4ADE80;
    --success-foreground: #0B1120;
    --warning: #FBBF24;
    --warning-foreground: #0B1120;
    --info: #38BDF8;
    --info-foreground: #0B1120;

    --chart-1: #8DB4E8;
    --chart-2: #5B8FD0;
    --chart-3: #C3D7F2;
    --chart-4: #3B6EA8;
    --chart-5: #9AA8BD;

    --sidebar: #111A2E;
    --sidebar-foreground: #E8EDF5;
    --sidebar-primary: #8DB4E8;
    --sidebar-primary-foreground: #0B1120;
    --sidebar-accent: #1A2A45;
    --sidebar-accent-foreground: #E8EDF5;
    --sidebar-border: #22304A;
    --sidebar-ring: #8DB4E8;
}

/* Gleiche Werte wie .dark – bei Änderungen beide Blöcke anpassen. */
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;

        --background: #0B1120;
        --foreground: #E8EDF5;
        --card: #111A2E;
        --card-foreground: #E8EDF5;
        --popover: #111A2E;
        --popover-foreground: #E8EDF5;
        --primary: #8DB4E8;
        --primary-foreground: #0B1120;
        --secondary: #1A2438;
        --secondary-foreground: #E8EDF5;
        --muted: #131C30;
        --muted-foreground: #9AA8BD;
        --accent: #1A2A45;
        --accent-foreground: #E8EDF5;
        --destructive: #F87171;
        --border: #22304A;
        --input: #55678A;
        --ring: #8DB4E8;

        --success: #4ADE80;
        --success-foreground: #0B1120;
        --warning: #FBBF24;
        --warning-foreground: #0B1120;
        --info: #38BDF8;
        --info-foreground: #0B1120;

        --chart-1: #8DB4E8;
        --chart-2: #5B8FD0;
        --chart-3: #C3D7F2;
        --chart-4: #3B6EA8;
        --chart-5: #9AA8BD;

        --sidebar: #111A2E;
        --sidebar-foreground: #E8EDF5;
        --sidebar-primary: #8DB4E8;
        --sidebar-primary-foreground: #0B1120;
        --sidebar-accent: #1A2A45;
        --sidebar-accent-foreground: #E8EDF5;
        --sidebar-border: #22304A;
        --sidebar-ring: #8DB4E8;
    }
}