/* Design Tokens for AI Hiring Intelligence Platform (Nipun) */

:root {
    /* Color Palette */
    --color-bg-dark: #070a13;
    --color-bg-slate: #0b0f19;
    --color-bg-card: rgba(15, 23, 42, 0.4);
    --color-primary: #10b981; /* Emerald 500 */
    --color-primary-hover: #059669; /* Emerald 600 */
    --color-primary-glow: rgba(16, 185, 129, 0.15);
    --color-border: rgba(255, 255, 255, 0.08);
    --color-border-hover: rgba(16, 185, 129, 0.3);
    --color-text-primary: #f8fafc; /* Slate 50 */
    --color-text-secondary: #94a3b8; /* Slate 400 */
    
    /* Layout Tokens */
    --radius-lg: 16px;
    --radius-md: 8px;
    --radius-sm: 4px;
    --glass-blur: 12px;
    --shadow-premium: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    --shadow-glow: 0 0 25px rgba(16, 185, 129, 0.2);

    /* Motion System */
    --duration-hover: 150ms;
    --duration-reveal: 600ms;
    --duration-hero: 900ms;
    --duration-stagger: 80ms;
    --duration-fade: 500ms;

    --easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --easing-decelerate: cubic-bezier(0, 0, 0.2, 1);
    --easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: var(--color-bg-dark);
}
::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    border: 2px solid var(--color-bg-dark);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary);
}