/* variables.css - Das zentrale Design-System im ldgroup Namespace */

/* 1. Schriftart zentral laden */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

:root {
    /* --- FONTS --- */
    --ldgroup-font-family: 'Montserrat', sans-serif;
    --ldgroup-font-family-mono: 'Courier New', monospace;

    /* --- FARBEN (LDGROUP BRANDING) --- */

    /*    --ldgroup-orange: #e67e22; */
    /*    --ldgroup-orange-hover: #d35400; */

    /* 
    Braun hell
        #C68642 (Classic Tan/Amber)
        Alternative (etwas sandiger): #D2B48C (Tan)
    dunkel
        RGBA-Code: rgba(38, 24, 15, 0.85)
*/

    /* 
    Orange hell     
    --ldgroup-color-dark: rgba(38, 24, 15, 0.8)
    dunkel
    --ldgroup-color-light: #c68642;
*/

    --ldgroup-color-light: #e67e22;
    --ldgroup-color-dark: rgba(45, 45, 45, 0.8);
    --ldgroup-color-light-hover: #d35400;
    --ldgroup-text-light: #ffffff;
    --ldgroup-text-muted: rgba(255, 255, 255, 0.7);
    --ldgroup-color-error: #b31808;

    /* Kräftiges Rot für Fehlermeldungen */

    /* --- HINTERGRÜNDE & KACHELN --- */
    --ldgroup-nav-bg: rgba(0, 0, 0, 0.5);
    --ldgroup-card-bg: rgba(45, 45, 45, 0.80);
    /* Basis für Login/VHS/Menü-Kacheln */
    --ldgroup-main-bg: #1a1a1a;
    --ldgroup-glass-bg: rgba(0, 0, 0, 0.25);
    /* Der Hintergrund von VHS/Login */
    --ldgroup-glass-blur: blur(10px);

    /* --- EFFEKTE & FORMATE --- */
    --ldgroup-border: 1px solid rgba(255, 255, 255, 0.1);
    --ldgroup-border-radius: 15px;
    --ldgroup-border-radius-small: 5px;
    --ldgroup-shadow: 0px 20px 40px rgba(0, 0, 0, 0.4);


    /* --- ÜBERGÄNGE --- */
    --ldgroup-transition: all 0.3s ease;
}


/* Optional: Globale Zuweisung, damit Montserrat sofort überall greift */
body {
    font-family: var(--ldgroup-font-family);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Globaler Font-Standard für alle Texte */
body,
p,
h1,
h2,
h3,
a,
input,
button {
    font-family: var(--ldgroup-font-family);
}

/* Standardmäßig alle Absätze in Boxen etwas kräftiger */
p {
    font-weight: 800;
    line-height: 1.6;
}