:root {
    /* Background Colors */
    --bg-dark: #0A0A1A;
    --bg-sidebar: #0f1025;
    --bg-card: #14142B;
    
    /* Branding Colors */
    --primary-cyan: #3FD5FF;
    --grad-start: #0F1255;
    --grad-end: #710AB2;
    
    /* Text Colors (Optimized for Contrast WCAG AA) */
    --text-white: #FFFFFF;
    --text-light: #E0E4E4; /* Increased from #9DA0A0 */
    --text-mid: #C4C8C8;   /* Increased from #6D7172 */
    --text-dark: #A0A5A5;  /* Increased from #575B5B */
    --text-near-black: #262626;
    
    /* Borders & UI Elements */
    --border-color: #2A2A4A;
    --input-bg: rgba(255, 255, 255, 0.05);
    
    /* Status Colors */
    --status-draft: #6c757d;
    --status-quoted: #f39c12;
    --status-unpaid: #e74c3c;
    --status-paid: #2ecc71;
    --status-printed: #9b59b6;
    --status-low: #f39c12;
}

body { 
    font-family: 'Inter', sans-serif; 
    background-color: var(--bg-dark); 
    color: var(--text-white); 
    margin: 0; 
    padding: 0; 
    display: flex; 
    height: 100vh; 
    overflow: hidden; 
}

/* Scrollbar Styling for better UI */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bg-dark);
}
::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--primary-cyan);
}