/* css/variables.css */
:root {
    /* Soft Paper-like Color Palette */
    --bg-base: #F6F7FB;
    --bg-sidebar: #EEF1F7;
    --bg-card: #FCFCFD;
    
    --text-primary: #111827;
    --text-secondary: #4B5563;
    --text-muted: #9CA3AF;
    
    --color-accent-blue: #5B7CFA;
    --color-accent-violet: #8B5CF6;
    --color-accent-success: #16A34A;
    --color-accent-danger: #EF4444;
    --color-accent-gold: #F59E0B;
    
    /* System Borders & Shadow (Subtle paper elevation) */
    --glass-bg: var(--bg-card);
    --glass-border: #E8EBF2;
    --glass-border-hover: rgba(91, 124, 250, 0.25);
    --glass-shadow: 0 2px 10px rgba(17, 24, 39, 0.015);
    --glass-shadow-hover: 0 8px 24px rgba(17, 24, 39, 0.03);
    
    /* Font System */
    --font-sans: 'Inter', 'Outfit', system-ui, -apple-system, sans-serif;
    
    /* Spacing (Breathing Spacing system) */
    --space-2xs: 0.25rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 4.5rem;

    /* Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-fast: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-full: 9999px;
}