:root {
    /* Base Colors - Dark Engineering Theme */
    --color-bg: #1e1e1e;
    /* Graphite/Anthracite */
    --color-bg-alt: #252526;
    /* Slightly lighter for sections */
    --color-bg-card: #2d2d30;
    /* Card background */

    --color-primary: #007acc;
    /* Technical Blue (VS Code style) */
    --color-secondary: #4d9eff;
    /* Lighter Blue */
    --color-accent: #f0ad4e;
    /* Warning/Emphasis Orange */

    --color-text: #f0f0f0;
    /* White/Off-white */
    --color-text-light: #cccccc;
    /* Light Gray */
    --color-border: #3e3e42;
    /* Dark Gray Border */
    --color-shadow: rgba(0, 0, 0, 0.4);

    /* Gradients */
    --gradient-card: linear-gradient(145deg, #323233, #252526);
    --gradient-card-hover: linear-gradient(145deg, #3a3a3b, #2a2a2b);

    /* Fonts */
    --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-code: 'Consolas', 'Monaco', monospace;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;

    /* Layout */
    --max-width: 1200px;
    --header-height: 70px;
    --border-radius: 12px;
}

/* Optional Light Mode (if needed later, but defaults are dark now) */
[data-theme='light'] {
    --color-bg: #ffffff;
    --color-bg-alt: #f8f9fa;
    --color-bg-card: #ffffff;
    --color-primary: #0056b3;
    --color-secondary: #003366;
    --color-text: #333333;
    --color-text-light: #666666;
    --color-border: #e0e0e0;
    --color-shadow: rgba(0, 0, 0, 0.1);
    --gradient-card: linear-gradient(145deg, #ffffff, #f0f0f0);
    --gradient-card-hover: linear-gradient(145deg, #ffffff, #e6e6e6);
}