:root {
    --whg-primary-color: 180 32 134;
    --whg-primary-contrast-color: 255 255 255;
    --whg-secondary-color: 255 221 21;
    --whg-secondary-contrast-color: 255 255 255;
    --whg-light-color: 255 255 255;
    --whg-light-contrast-color: 0 0 0;
    --whg-dark-color: 25 25 25;
    --whg-dark-contrast-color: 255 255 255;
    --whg-dark-overlay-color: 41 42 46;
    --whg-dark-overlay-contrast-color: 255 255 255;
    --whg-dark-box-color: 52 53 57;
    --whg-dark-box-contrast-color: 255 255 255;
    --whg-info-color: 59 130 246;
    --whg-info-contrast-color: 255 255 255;
    --whg-success-color: 16 185 129;
    --whg-success-contrast-color: 255 255 255;
    --whg-caution-color: 253 224 71;
    --whg-caution-contrast-color: 0 0 0;
    --whg-warning-color: 251 146 60;
    --whg-warning-contrast-color: 255 255 255;
    --whg-danger-color: 239 68 68;
    --whg-danger-contrast-color: 255 255 255;
    --whg-display-font-color: 196 196 196;
    --whg-body-font-color: 110 110 110;

    --upm-primary-color: var(--whg-primary-color);
    --upm-primary-contrast-color: var(--whg-primary-contrast-color);
    --upm-secondary-color: var(--whg-secondary-color);
    --upm-secondary-contrast-color: var(--whg-secondary-contrast-color);
    --upm-light-color: var(--whg-light-color);
    --upm-light-contrast-color: var(--whg-light-contrast-color);
    --upm-dark-color: var(--whg-dark-color);
    --upm-dark-contrast-color: var(--whg-dark-contrast-color);
    --upm-info-color: var(--whg-info-color);
    --upm-info-contrast-color: var(--whg-info-contrast-colo);
    --upm-success-color: var(--whg-success-color);
    --upm-success-contrast-color: var(--whg-success-contrast-color);
    --upm-caution-color: var(--whg-caution-color);
    --upm-caution-contrast-color: var(--whg-caution-contrast-color);
    --upm-warning-color: var(--whg-warning-color);
    --upm-warning-contrast-color: var(--whg-warning-contrast-color);
    --upm-danger-color: var(--whg-danger-color);
    --upm-danger-contrast-color: var(--whg-danger-contrast-color);
    --upm-dm-color: var(--whg-dark-color);
    --upm-dm-contrast-color: var(--whg-dark-contrast-color);
    --upm-lm-color: var(--whg-light-color);
    --upm-lm-contrast-color: var(--whg-light-contrast-color);
}

/* Create smooth scroll to anchor */
html { scroll-behavior: smooth; }

.brand-logo {
    width: 60px;
    height: 60px;
}

.custom-underline {
    position: relative;
}

.custom-underline:after {
    content: "";
    background-image: url('/assets/underline.svg');
    background-repeat: no-repeat;
    position: absolute;
    left: -20%;
    right: 0;
    bottom: -85%;
    min-width: 134px;
    width: 100%;
    height: 100%;
}