/* ═══════════════════════════════════════════════════════════
   Mini Master — CSS Variables
   ═══════════════════════════════════════════════════════════ */

.hidden { display: none; }

/* ─── Lokale Fonts ────────────────────────────────────────── */
@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rajdhani';
    src: url('../fonts/Rajdhani-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rajdhani';
    src: url('../fonts/Rajdhani-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rajdhani';
    src: url('../fonts/Rajdhani-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Share Tech Mono';
    src: url('../fonts/ShareTechMono-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    /* ─── Fonts ─────────────────────────────────────────────── */
    --font-display: 'Bebas Neue', 'Impact', 'Arial Narrow', sans-serif;
    --font-body:    'Rajdhani', 'Trebuchet MS', system-ui, sans-serif;
    --font-mono:    'Share Tech Mono', 'Courier New', monospace;
    /* ─── Colors ─────────────────────────────────────────────── */
    --ink:          #0a0a0c;
    --surface:      #111116;
    --panel:        #161620;
    --raised:       #1e1e2a;
    --border:       #2a2a3a;
    --border-bright:#3a3a50;
    --red:          #c0392b;
    --red-glow:     #e74c3c;
    --gold:         #c9a84c;
    --gold-light:   #e8c470;
    --teal:         #1abc9c;
    --teal-dim:     #0d8a72;
    --muted:        #555570;
    --text:         #d0d0e0;
    --text-dim:     #7070a0;
    --text-bright:  #f0f0ff;
    /* ─── Layout ─────────────────────────────────────────────── */
    --topbar-h:     52px;
    --sidebar-w:    220px;
    --radius:       0px;   /* Bewusst eckig für Militär-Ästhetik */
    /* ─── Transitions ────────────────────────────────────────── */
    --t-fast:       0.15s ease;
    --t-med:        0.25s ease;
    --t-slow:       0.4s ease;
    /* ─── Shadows ─────────────────────────────────────────────── */
    --shadow-card:  0 8px 32px rgba(0,0,0,0.4);
    --shadow-modal: 0 24px 80px rgba(0,0,0,0.7);
    --glow-red:     0 0 16px rgba(192,57,43,0.4);
    --glow-teal:    0 0 8px rgba(26,188,156,0.4);
    --glow-gold:    0 0 8px rgba(201,168,76,0.4);
}