:root {
    /* Color Palette - Premium Indigo & Slate */
    --primary: #4f46e5;
    --primary-hover: #4338ca;
    --secondary: #64748b;
    --accent: #0ea5e9;
    
    /* Neutral Colors */
    --background: #ffffff;
    --surface: #f8fafc;
    --text-main: #0f172a;
    --text-muted: #475569;
    --border: #e2e8f0;

    /* Spacing & Shadows */
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 2rem;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    
    /* Typography */
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}