/* ==========================================================================
   FID.Compass MINIMAL DESIGN SYSTEM - COLORS ONLY - NEUE FARBPALETTE MIT DARK MODE
   ========================================================================== */

/* GLOBAL SCALING - Reduce overall size to ~85% */
html {
    font-size: 14px !important;  /* Default is 16px, reduced to make everything smaller */
}

body {
    font-size: 0.9375rem;  /* 15px equivalent at 16px base */
}

:root {
    /* Main Brand Colors - Light Theme */
    --primary-color: #00618F !important;           
    --primary-hover: #327EBB !important;            
    --primary-light: #6BA3E8 !important;           
    --primary-dark: #2A6BC0 !important;            
    --secondary-color: #6A7594 !important;         
    
    /* Bootstrap Override - Force FID.Compass Colors */
    --bs-primary: #00618F !important;
    --bs-primary-rgb: 0, 97, 143 !important;
    
    /* Light Theme Colors */
    --background-color: #F6F7F9;        
    --background-light: #FFFFFF;        
    --accent-color: #8ED1B0;            
    --text-color: #333333;              
    --text-dark: #2C2C2C;               
    --text-muted: #6C757D;              
    --text-on-primary: #FFFFFF;         
    --text-on-secondary: #FFFFFF;       
    
    /* Border & Surface Colors */
    --border-color: #E0E6ED;            
    --surface-color: #FFFFFF;           
    --card-background: #FFFFFF;         
    
    /* Bootstrap Colors - FID.Compass Brand */
    --bootstrap-primary: #00618F;
    --bootstrap-blue: #00618F;
    --bootstrap-purple: #6A7594;
    --bootstrap-orange: #8ED1B0;

    /* Semantic Colors */
    --success-color: #8ED1B0;
    --error-color: #E74C3C;
    --error-hover: #C0392B;
    --warning-color: #F39C12;
    --warning-text: #8A6914;
    --info-color: #00618F;
    --danger-color: #E74C3C;
}

/* Dark Theme */
[data-theme="dark"] {
    /* Dark Theme Brand Colors */
    --primary-color: #00618F !important;           
    --primary-hover: #327EBB !important;           
    --primary-light: #6BB0F8 !important;           
    --primary-dark: #3A7BC8 !important;            
    --secondary-color: #7A85A4 !important;         
    
    /* Bootstrap Override for Dark Theme */
    --bs-primary: #00618F !important;
    --bs-primary-rgb: 0, 97, 143 !important;         
    
    /* Dark Theme Colors */
    --background-color: #1A1D23;        
    --background-light: #252A32;        
    --accent-color: #9EE1C0;            
    --text-color: #E8E9EA;              
    --text-dark: #FFFFFF;               
    --text-muted: #B0B3B8;              
    --text-on-primary: #FFFFFF;         
    --text-on-secondary: #FFFFFF;       
    
    /* Dark Border & Surface Colors */
    --border-color: #3A3B3C;            
    --surface-color: #252A32;           
    --card-background: #252A32;         
    
    /* Dark Semantic Colors */
    --success-color: #9EE1C0;           
    --error-color: #F56565;             
    --error-hover: #E53E3E;             
    --warning-color: #F6AD55;           
    --warning-text: #C05621;            
    --info-color: #5BA3F5;             
    --danger-color: #F56565;            
}

/* Auto Theme - respektiert System-Einstellungen */
@media (prefers-color-scheme: dark) {
    [data-theme="auto"] {
        /* Same as dark theme */
        --primary-color: #00618F !important;           
        --primary-hover: #327EBB !important;           
        --primary-light: #6BB0F8 !important;           
        --primary-dark: #3A7BC8 !important;            
        --secondary-color: #7A85A4 !important;         
        
        /* Bootstrap Override for Auto Dark Theme */
        --bs-primary: #00618F !important;
        --bs-primary-rgb: 0, 97, 143 !important;         
        
        --background-color: #1A1D23;        
        --background-light: #252A32;        
        --accent-color: #9EE1C0;            
        --text-color: #E8E9EA;              
        --text-dark: #FFFFFF;               
        --text-muted: #B0B3B8;              
        --text-on-primary: #FFFFFF;         
        --text-on-secondary: #FFFFFF;       
        
        --border-color: #3A3B3C;            
        --surface-color: #252A32;           
        --card-background: #252A32;         
        
        --success-color: #9EE1C0;           
        --error-color: #F56565;             
        --error-hover: #E53E3E;             
        --warning-color: #F6AD55;           
        --warning-text: #C05621;            
        --info-color: #5BA3F5;             
        --danger-color: #F56565;            
    }
}

:root {
    /* Neutrals - harmonisch zur neuen Palette */
    --white: #ffffff;
    --black: #000000;
    --gray-50: #F6F7F9;                 /* Verwende Hintergrundfarbe */
    --gray-100: #F6F7F9;               /* Hintergrundfarbe */
    --gray-200: #E8EAF0;               /* Abgeleitete hellere Grautöne */
    --gray-300: #D1D5DB;
    --gray-400: #9CA3AF;
    --gray-500: #6B7280;
    --gray-600: #6A7594;               /* Sekundärfarbe */
    --gray-700: #4B5563;
    --gray-800: #374151;
    --gray-900: #333333;               /* Textfarbe */
    
    /* Text Colors - KORREKTE LESBARKEIT */
    --text-primary: #333333;            /* Textfarbe (Dunkelgrau) für normalen Text */
    --text-secondary: #6A7594;          /* Sekundärfarbe für weniger wichtigen Text */
    --text-muted: #9CA3AF;              /* Gedämpfter Text */
    --text-light: #D1D5DB;              /* Heller Text */
    --text-dark: #333333;               /* Dunkler Text - gleich wie primary */
    --text-white: #ffffff;              /* Weißer Text - FÜR BUTTONS UND DUNKLE HINTERGRÜNDE */
    --text-on-primary: #ffffff;         /* Weißer Text auf Primärfarbe */
    --text-on-secondary: #ffffff;       /* Weißer Text auf Sekundärfarbe */
    --text-on-accent: #333333;          /* Dunkler Text auf Akzentfarbe (Grün ist hell) */
    --text-on-success: #333333;         /* Dunkler Text auf Erfolgsfarbe */
    --text-on-error: #ffffff;           /* Weißer Text auf Fehlerfarbe */
    --text-on-warning: #333333;         /* Dunkler Text auf Warnfarbe */
    
    /* Background Variants - basierend auf FID.Compass Palette */
    --bg-primary: #00618F;              /* Primärer Hintergrund */
    --bg-secondary: #6A7594;            /* Sekundärer Hintergrund */
    --bg-light: #F6F7F9;               /* Heller Hintergrund */
    --bg-dark: #333333;                 /* Dunkler Hintergrund */
    --bg-accent: #8ED1B0;               /* Akzent Hintergrund */

    /* Border Colors - harmonisch zur Palette */
    --border-light: #E8EAF0;            /* Helle Rahmen */
    --border-medium: #D1D5DB;           /* Mittlere Rahmen */
    --border-dark: #6A7594;             /* Dunkle Rahmen */
    --border-primary: #00618F;          /* Primäre Rahmen */
    --border-accent: #8ED1B0;           /* Akzent Rahmen */
    
    /* Shadow Colors - angepasst an neue Palette */
    --shadow-light: none;      /* Primärfarbe mit niedriger Transparenz */
    --shadow-medium: none;      /* Primärfarbe mit mittlerer Transparenz */
    --shadow-dark: none;       /* Primärfarbe mit höherer Transparenz */
    --shadow-darker: none;       /* Textfarbe mit Transparenz */
    --primary-shadow: none;    /* Primärfarben-Schatten */
    --primary-shadow-light: none; /* Heller Primärfarben-Schatten */
    --accent-shadow: none;     /* Akzentfarben-Schatten */
    --secondary-shadow: none;  /* Sekundärfarben-Schatten */
}

/* ==========================================================================
   BOOTSTRAP OVERRIDES - FORCIERE FID.Compass FARBEN
   ========================================================================== */

/* Bootstrap Primary Color Override */
.btn-primary,
.bg-primary,
.border-primary,
.text-primary,
.badge-primary {
    --bs-primary: #00618F !important;
    --bs-primary-rgb: 0, 97, 143 !important;
}

/* Bootstrap Button Primary */
.btn-primary {
    background-color: #00618F !important;
    border-color: #00618F !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #327EBB !important;
    border-color: #327EBB !important;
    color: #ffffff !important;
}

.btn-primary:active {
    background-color: #2A6BC0 !important;
    border-color: #2A6BC0 !important;
    color: #ffffff !important;
}

/* Bootstrap Backgrounds */
.bg-primary {
    background-color: #00618F !important;
}

/* Bootstrap Text Colors */
.text-primary {
    color: #00618F !important;
}

/* Bootstrap Borders */
.border-primary {
    border-color: #00618F !important;
}

/* Bootstrap Badges */
.badge.bg-primary {
    background-color: #00618F !important;
}

/* Bootstrap Alerts */
.alert-primary {
    color: #ffffff !important;
    background-color: #00618F !important;
    border-color: #327EBB !important;
}

/* ==========================================================================
   ULTIMATE OVERRIDE - GARANTIERT #00618F ÜBERALL
   ========================================================================== */

/* JEDES ELEMENT DAS PRIMARY FARBE VERWENDET */
* {
    --bs-primary: #00618F !important;
    --bs-primary-rgb: 0, 97, 143 !important;
}

/* NAVIGATION BARS */
.navbar, 
.navbar-brand,
nav[style*="primary-color"],
nav[style*="background-color"] {
    background-color: #00618F !important;
}

/* ALLE BUTTONS MIT PRIMARY */
.btn-primary,
.btn[style*="primary-color"],
button[style*="primary-color"],
a[style*="primary-color"] {
    background-color: #00618F !important;
    border-color: #00618F !important;
    color: #ffffff !important;
}

/* ALLE BADGES MIT PRIMARY */
.badge[style*="primary-color"],
span[style*="primary-color"] {
    background-color: #00618F !important;
    color: #ffffff !important;
}

/* ALLE DIVS MIT PRIMARY BACKGROUND */
div[style*="primary-color"],
.card-header[style*="primary-color"] {
    background-color: #00618F !important;
    color: #ffffff !important;
}

/* ALLE TEXTE MIT PRIMARY COLOR */
h1[style*="primary-color"],
h2[style*="primary-color"], 
h3[style*="primary-color"],
h4[style*="primary-color"],
span[style*="color: var(--primary-color)"],
i[style*="primary-color"] {
    color: #00618F !important;
}

/* BORDERS */
*[style*="border-left: 4px solid var(--primary-color)"],
*[style*="border: 1px solid var(--primary-color)"] {
    border-color: #00618F !important;
}