:root {
    /* Primary Theme Colors */
    --primary-color: rgb(33, 43, 89);
    --primary-color-dark: rgb(26, 34, 71);
    --primary-color-light: rgb(40, 50, 96);
    
    /* Gradients */
    --primary-gradient: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);
    --success-gradient: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    --warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    
    /* Text Colors */
    --text-primary: var(--primary-color);
    --text-secondary: #6c757d;
    --text-muted: #6c757d;
    --text-dark: #212529;
    --text-white: #ffffff;
    
    /* Background Colors */
    --bg-light: #f8f9fa;
    --bg-white: #ffffff;
    --bg-info-light: #e8f4fd;
    --card-background: #ffffff;
    --background-secondary: #f8f9fa;
    
    /* Border & Accent Colors */
    --border-color: #e0e6ed;
    --border-light: #e9ecef;
    --border-subtle: #e0e6ed;
    --accent-info: #7dd3fc;
    
    /* Status Colors */
    --success-color: #22c55e;
    --success-light: #bbf7d0;
    --danger-color: #ef4444;
    --warning-color: #f59e0b;
    --warning-light: #fde68a;
    
    /* Badge Colors */
    --badge-info-bg: var(--bg-info-light);
    --badge-info-color: var(--primary-color);
}