/* === DFMI Dark Theme — Premium Automotive === */
:root {
    --bg-primary: #0D0D0D;
    --bg-secondary: #1A1A1A;
    --bg-card: #242424;
    --bg-input: #2A2A2A;
    --bg-hover: #333333;

    --accent-primary: #E53935;
    --accent-secondary: #FF6D00;
    --text-primary: #F5F5F5;
    --text-secondary: #B0B0B0;
    --text-muted: #707070;
    --button-text: #FFFFFF;

    --border-color: #3A3A3A;
    --border-focus: #E53935;

    --success: #4CAF50;
    --error: #FF5252;
    --warning: #FFC107;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    --shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.4);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
    --shadow-glow: 0 0 20px rgba(229,57,53,0.15);

    --transition: all 0.3s ease;
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: var(--font-family);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
}

a { color: var(--accent-primary); text-decoration: none; }
a:hover { color: var(--accent-secondary); }

::selection {
    background: var(--accent-primary);
    color: white;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--bg-secondary); }
::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }