/* ============================================
   CSS Variables - Design Tokens
   ============================================ */

:root {
    /* Clean Professional Colors */
    --primary: #FF6B6B;
    --primary-light: #FF8E8E;
    --primary-dark: #E85555;
    
    --success: #51CF66;
    --warning: #FFA94D;
    --danger: #FF6B6B;
    
    --bg-primary: #FFFFFF;
    --bg-secondary: #F8F9FA;
    --bg-tertiary: #E9ECEF;
    
    --text-primary: #212529;
    --text-secondary: #495057;
    --text-tertiary: #868E96;
    
    --border: #DEE2E6;
    --border-light: #F1F3F5;
    
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    
    --sidebar-width: 320px;
    --sidebar-collapsed-width: 0px;
}

/* Made with Bob */