/* --- MDLT GLOBAL SYSTEMS ENGINE --- */
:root {
    /* Branding Colors */
    --mdlt-black: #050505;
    --mdlt-accent: #d13438; /* The Strategic Red */
    --mdlt-glass: rgba(20, 20, 20, 0.4);
    --mdlt-border: rgba(255, 255, 255, 0.05);
    
    /* Typography */
    --font-main: 'Inter', sans-serif;
    --font-mono: 'Courier New', monospace;
    
    /* Spacing & Layout */
    --card-radius: 24px;
    --transition-speed: 0.4s;
    --blur-strength: 20px;
}

/* Global Utility Classes - Use these in any index.html */
.mdlt-glass-card {
    background: var(--mdlt-glass);
    border: 1px solid var(--mdlt-border);
    border-radius: var(--card-radius);
    backdrop-filter: blur(var(--blur-strength));
    transition: var(--transition-speed) cubic-bezier(0.2, 0.8, 0.2, 1);
}

.mdlt-accent-text {
    color: var(--mdlt-accent) !important;
}