/* variables.css - Das zentrale Design-System im ldc Namespace */
/*
 * ============================================================================
 * LINE DANCE CLUB - COUNTRY MEETS MODERN (STYLESHEET)
 * ============================================================================
 * 
 * @package     LDC_core
 * @module      CSS general
 * @component   CSS
 * 
 * @description Unsere basis Styles und deren Farben usw.
 * 
 * @status      Refactoring
 * @open        Umbenennung --ldgroup in --ldc (Abwärtskompatibilität gewahrt)
 * @ticket      
 * @version     1.0.0
 * @created     2026-07-04
 * @last_change 2026-08-11
 * 
 * @export-to-schorsch
 * ============================================================================
 */
/** Ende LDC Header */
/* 1. Schriftart zentral laden */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

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

    /* --- FARBEN (LDC BRANDING) --- */
    --ldc-orange: #e67e22;
    --ldc-orange-hover: #d35400;
    --ldc-green: #91bf42;
    --ldc-green-hover: #78a22f; 
    --ldc-gold: #f0c674;
    --ldc-gold-hover: #c5a059;
    --ldc-braun-hell: #D2B48C;
    --ldc-braun-dunkel: #26180f;
    /* 
        Braun hell
            #C68642 (Classic Tan/Amber)
            Alternative (etwas sandiger): #D2B48C (Tan)
        dunkel
            RGBA-Code: rgba(38, 24, 15, 0.85)
    */

    --ldc-color-light: var(--ldc-orange);
    --ldc-color-light-hover: var(--ldc-orange-hover);

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

    /* links */
    --ldc-color-link: var(--ldc-gold);
    --ldc-color-link-hover: var(--ldc-gold-hover);

    /* --- HINTERGRÜNDE & KACHELN --- */
    --ldc-nav-bg: rgba(0, 0, 0, 0.5);
    --ldc-card-bg: rgba(45, 45, 45, 0.80);
    --ldc-main-bg: #1a1a1a;
    --ldc-glass-bg: rgba(0, 0, 0, 0.25);
    --ldc-glass-blur: blur(10px);

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

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

    /* --- ABWÄRTSKOMPATIBILITÄT: Mapping --ldgroup-* auf --ldc-* --- */
    --ldgroup-font-family: var(--ldc-font-family);
    --ldgroup-font-family-mono: var(--ldc-font-family-mono);
    --ldgroup-orange: var(--ldc-orange);
    --ldgroup-orange-hover: var(--ldc-orange-hover);
    --ldgroup-green: var(--ldc-green);
    --ldgroup-green-hover: var(--ldc-green-hover);
    --ldgroup-gold: var(--ldc-gold);
    --ldgroup-gold-hover: var(--ldc-gold-hover);
    --ldgroup-braun-hell: var(--ldc-braun-hell);
    --ldgroup-braun-dunkel: var(--ldc-braun-dunkel);
    --ldgroup-color-light: var(--ldc-color-light);
    --ldgroup-color-light-hover: var(--ldc-color-light-hover);
    --ldgroup-color-dark: var(--ldc-color-dark);
    --ldgroup-text-light: var(--ldc-text-light);
    --ldgroup-text-muted: var(--ldc-text-muted);
    --ldgroup-color-error: var(--ldc-color-error);
    --ldgroup-color-link: var(--ldc-color-link);
    --ldgroup-color-link-hover: var(--ldc-color-link-hover);
    --ldc-nav-bg: var(--ldc-nav-bg);
    --ldgroup-card-bg: var(--ldc-card-bg);
    --ldgroup-main-bg: var(--ldc-main-bg);
    --ldgroup-glass-bg: var(--ldc-glass-bg);
    --ldgroup-glass-blur: var(--ldc-glass-blur);
    --ldgroup-border: var(--ldc-border);
    --ldgroup-border-radius: var(--ldc-border-radius);
    --ldgroup-border-radius-small: var(--ldc-border-radius-small);
    --ldgroup-shadow: var(--ldc-shadow);
    --ldgroup-transition: var(--ldc-transition);
}