/* public/themes/default/css/variables.css */

/* =========================================
   1. FONTS
   ========================================= */
/* Stelle sicher, dass die Dateien in public/themes/default/fonts/ liegen */
@font-face { font-family: 'Inter'; src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roboto Condensed'; src: url('../fonts/roboto-condensed-v31-latin-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Georama'; src: url('../fonts/Georama/static/Georama-Medium.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'GermaniaOne'; src: url('../fonts/GermaniaOne-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Noto'; src: url('../fonts/NotoSans-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'PirataOne'; src: url('../fonts/PirataOne-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'MetalMania'; src: url('../fonts/MetalMania-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }

/* =========================================
   2. VARIABLES (GLOBAL)
   ========================================= */
:root {
    /* --- CI COLORS --- */
    --primary: #c92a2a;      /* Dein mv-red als Hauptfarbe */
    --primary-hover: #8a1c1c;

    --bg-body: #ffffff;      /* mv-white */
    --bg-card: #f8f9fa;      /* Leichtes Grau für Karten */
    --bg-header: #ffffff;    /* mv-black für Header */

    --text-main: #111111;    /* mv-black */
    --text-muted: #606060;   /* mv-grey2 */

    --border-color: #dadada; /* mv-grey1 */
    --danger: #c92a2a;       /* mv-red */
    --success: #2b8a3e;      /* Grün lassen wir mal als Standard */

    --shadow: 0 4px 6px rgba(0,0,0,0.1);
    --radius: 8px;
    --header-height: 80px;

    /* --- TYPOGRAPHY --- */
    /* Fallbacks hinzugefügt, falls Datei fehlt */
    --font-body: 'Georama', 'Roboto', sans-serif;
    --font-heading: 'Georama', 'GermaniaOne', serif;
    --font-ui: 'Georama', sans-serif;
}

/* DARK MODE OVERRIDES (Optional, falls du umschaltest) */
[data-theme="dark"] {
    --bg-body: #111111;
    --bg-card: #222222;
    --bg-header: #000000;
    --text-main: #e6e6e6;
    --text-muted: #adb5bd;
    --border-color: #303030;
}