:root {
    --cec-yellow: #FFD700;
    --cec-orange: #FFA500;
    --cec-black: #000000;
    --cec-dark: #1a1a1a;
    --cec-body-bg: #ffffff;
    --cec-text: #333333;
    --cec-primary-rgb: 255, 215, 0;
    --cec-secondary-rgb: 255, 165, 0;
    --cec-dark-rgb: 0, 0, 0;
    --cec-dark-alt-rgb: 26, 26, 26;
    --cec-bg-rgb: 255, 255, 255;
    --cec-primary-contrast: #000000;
    --cec-dark-contrast: #ffffff;
}

body {
    background-color: var(--cec-body-bg);
    color: var(--cec-text);
}

/* Override Bootstrap warning color to use theme primary */
.bg-warning {
    background-color: var(--cec-yellow) !important;
}
.text-warning {
    color: var(--cec-yellow) !important;
}
.btn-warning {
    background-color: var(--cec-yellow) !important;
    border-color: var(--cec-yellow) !important;
    color: var(--cec-primary-contrast) !important;
}

/* Star ratings */
.bi-star-fill.text-warning {
    color: var(--cec-yellow) !important;
}