:root {
    /* Jampack-inspired Palette */
    --primary-color: #435EBE; /* Indigo/Teal mix */
    --primary-hover: #34489E;
    --primary-light: #F2F7FF;
    
    --secondary-color: #888888;
    --secondary-light: #EBEBEB;

    --success-color: #198754;
    --warning-color: #FFC107;
    --danger-color: #DC3545;
    --info-color: #0DCAF0;

    /* Backgrounds */
    --bg-body: #F2F7FF; /* Light blue-ish gray */
    --bg-card: #FFFFFF;
    --bg-sidebar: #FFFFFF;
    --bg-topbar: #FFFFFF;
    
    /* Text */
    --text-main: #25396F; /* Dark blue-gray */
    --text-muted: #7C8DB5;
    --text-light: #FFFFFF;
    
    /* Borders */
    --border-color: #E5E7EB;
    --border-light: #F3F4F6;
    
    /* Spacing & Layout */
    --sidebar-width: 260px;
    --sidebar-collapsed-width: 80px;
    --topbar-height: 70px;
    --border-radius: 0.75rem; /* 12px */
    --card-padding: 1.5rem;
    
    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.07);
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
    
    /* Transitions */
    --transition-fast: 0.2s ease;
}

/* Dark Mode Support (Future proofing) */
@media (prefers-color-scheme: dark) {
    /* :root {
        --bg-body: #1E1E2D;
        --bg-card: #2B2B40;
        --text-main: #E1E1E6;
    } */
}