:root {
    --color-white: #ffffff;
    --color-black: #000000;
    --color-header-bg-fallback: var(--color-white);
    --color-brandname-text: var(--color-black);
    --color-text-on-brand: var(--color-white);

    --color-brand-hover-bg: color-mix(in srgb, var(--color-brand) 85%, var(--color-black) 15%);
    --color-brand-active-bg: color-mix(in srgb, var(--color-brand) 75%, var(--color-black) 25%);

    --color-header-links-active: #000000;
    --color-header-links-inactive: rgb(105, 105, 105);

    --color-preview-badge-bg: #dc3545;
    --color-preview-badge-bg-hover: #bb2d3b;
    --color-preview-badge-text: var(--color-white);
    --color-image-remove-btn-border: rgba(0, 0, 0, 0.2);

    --color-thumbnail-bg: #fbf9f5;
    --color-event-thumbnail-bg: #f2f6fb;

    --color-series-row-bg: rgba(217, 119, 6, 0.06);
    --color-series-badge-bg: rgba(217, 119, 6, 0.12);
    --color-series-badge-text: #92400e;
    --color-series-badge-border: rgba(217, 119, 6, 0.35);

    --color-calendar-unavailable-text: var(--color-white);
    --color-calendar-unavailable-bg: rgba(217, 83, 79, 0.35);
}