:root {
    /* Professional "Zinc" Color Palette (Neutral, Serious, Tech) */
    /* Primary Brand Colors */
    --primary: #6366f1; /* Indigo - Keep as brand identity */
    --primary-dark: #4f46e5;
    --secondary: #0ea5e9; /* Cyan */
    
    /* Functional Colors */
    --accent: #10b981; /* Emerald */
    --success: #22c55e; /* Green */
    --warning: #f59e0b; /* Amber */
    --danger: #ef4444; /* Red */
    --info: #3b82f6; /* Blue */

    /* Background Colors - Zinc (Neutral) Palette */
    --bg-primary: #09090b; /* Zinc 950 */
    --bg-secondary: #18181b; /* Zinc 900 */
    --bg-tertiary: #27272a; /* Zinc 800 */
    --bg-card: #18181b; /* Zinc 900 */
    --bg-input: #27272a; /* Zinc 800 */
    --bg-overlay: rgba(9, 9, 11, 0.8);

    /* Text Colors */
    --text-primary: #f4f4f5; /* Zinc 50 */
    --text-secondary: #a1a1aa; /* Zinc 400 */
    --text-muted: #71717a; /* Zinc 500 */
    --text-accent: #818cf8; /* Indigo 400 */

    /* UI Elements */
    --border: #27272a; /* Zinc 800 */
    --border-light: #3f3f46; /* Zinc 700 */
    --shadow: rgba(0, 0, 0, 0.5);
    --shadow-lg: rgba(0, 0, 0, 0.7);

    /* Admin Compatibility Mappings */
    --admin-bg-primary: var(--bg-primary);
    --admin-bg-secondary: var(--bg-secondary);
    --admin-bg-tertiary: var(--bg-tertiary);
    --admin-bg-card: var(--bg-card);
    --admin-text-primary: var(--text-primary);
    --admin-text-secondary: var(--text-secondary);
    --admin-text-muted: var(--text-muted);
    --admin-border: var(--border);

    /* Typography */
    --font-heading: 'Space Grotesk', system-ui, -apple-system, sans-serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    --gradient-dark: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
}

/* Global Defaults */
body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    font-family: var(--font-body);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--text-primary);
    letter-spacing: -0.025em;
}

/* Input Styling Override */
input, select, textarea {
    background-color: var(--bg-input) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

input:focus, select:focus, textarea:focus {
    border-color: var(--primary) !important;
    ring-color: var(--primary) !important;
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2) !important;
}

/* Card Styling */
.card, .login-card, .stat-card {
    background-color: var(--bg-card);
    border: 1px solid var(--border);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
    background: var(--bg-tertiary);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}