:root {

    --primary-color: #0ea5e9; /* Sky Blue */
    --primary-hover: #0284c7;
    --secondary-color: #6366f1; /* Indigo */
    --accent-color: #f59e0b; /* Amber */
    --danger-color: #ef4444;
    

    --text-primary: #ffffff;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;


    --bg-body: #0f172a; /* Slate 900 */
    --bg-gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    --bg-gradient-light: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);


    --glass-bg: rgba(30, 41, 59, 0.7);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
    --glass-blur: blur(12px);
    

    --font-family: 'Poppins', sans-serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.5rem;
    --font-size-xxl: 2.5rem;
    --font-size-huge: 4rem;


    --spacing-xs: 0.5rem;
    --spacing-sm: 0.75rem;
    --spacing-md: 1.25rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;


    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 32px;
    --radius-full: 9999px;


    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="light"] {
    --bg-body: #f8fafc;
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    
    --glass-bg: rgba(255, 255, 255, 0.8);
    --glass-border: rgba(255, 255, 255, 0.6);
    --glass-shadow: 0 8px 32px 0 rgba(148, 163, 184, 0.15);
}

[data-theme="dark"] {
    --bg-body: #0f172a;
    --glass-bg: rgba(30, 41, 59, 0.75);
    --glass-border: rgba(255, 255, 255, 0.05);
}