:root {
    --primary: #2A0646;
    --primary-light: #3D0A5C;
    --accent: #F2A500;
    --accent-hover: #E09500;
    --button-primary: #F2A500;
    --button-primary-hover: #E09500;
    --secondary: #2A0646;
    --teal: #14B8A6;
    --success: #22C55E;
    --danger: #EF4444;
    --gray: #64748B;
    --light-gray: #F1F5F9;
    --border: #E2E8F0;
    --shadow: 0 4px 24px rgba(0,0,0,0.06);
    --radius: 12px;
    --transition: all 0.3s ease;
}

/* Update color references based on dynamic settings */
.btn-primary, 
.action-btn-invoice,
.action-btn-download {
    background: var(--button-primary) !important;
}

.btn-primary:hover, 
.action-btn-invoice:hover,
.action-btn-download:hover {
    background: var(--button-primary-hover) !important;
}

/* Ensure accent colors are applied */
.login-header i,
.sidebar-brand img,
.login-page {
    /* Uses CSS variables defined above */
}