:root {
    /* Logo Image */
    --sds-logo-url: url("img/alectra.svg"); /* 1. For normal use within the site */
    --sds-logo-url-absolute: url("/img/alectra.svg"); /* 2. For Identity pages */
    /* Custom Theme Colors */
    --sds-color-primary: #dddf1f;
    --sds-color-secondary: #54575a;
    --sds-color-primary-hover: #e4e74b;
    --sds-color-secondary-hover: #6d7074;
    --sds-color-surface: #ffffff;
    --sds-color-background: #f5f5f5;
    --sds-on-surface: #333333;
    --sds-on-background: #333333;
    --sds-on-primary: #000009;
    --sds-on-secondary: #fefefe;
    --sds-color-accent-1: #6e00e0;
    --sds-color-accent-2: #e00400;
    --sds-color-accent-3: #335c2c;
    --sds-color-accent-4: #613130;
    --sds-color-neutral: #e5e5e5;
    --sds-tooltip-icon: #555555;
    /* Radzen Root Overrides */
    --rz-dropdown-item-selected-background-color: var(--sds-color-primary);
    --rz-dropdown-item-selected-color: var(--sds-on-primary);
    --rz-dropdown-item-selected-hover-background-color: var(--sds-color-primary-hover);
    --rz-dropdown-item-selected-hover-color: var(--sds-on-secondary);
    --rz-primary: var(--sds-color-primary);
    --rz-secondary: var(--sds-color-secondary);
    --rz-on-primary: var(--sds-on-primary);
    --rz-tooltip-background-color: var(--sds-color-secondary);
    --rz-tooltip-color: var(--sds-on-secondary);
}