:root {
    --inbo--primary-color: #c04384;
    --inbo--primary-color--light: #f4e1f0;
    --inbo--primary-color--lighter: #f9f2f7;
    --inbo--primary-color--dark: #a02e6b;
    --inbo--primary-color--darker: #8c1f5b;

    --pf-global--primary-color--100: var(--inbo--primary-color);
    --pf-global--primary-color--200: var(--inbo--primary-color--dark);
    --pf-global--primary-color--light-100: var(--inbo--primary-color--light);
    --pf-global--primary-color--dark-100: var(--inbo--primary-color--dark);

    --pf-v5-global--primary-color--100: var(--inbo--primary-color);
    --pf-v5-global--primary-color--200: var(--inbo--primary-color--darker);

    --pf-v5-global--active-color--100: var(--inbo--primary-color);
    --pf-v5-global--active-color--200: var(--inbo--primary-color--light);
    --pf-v5-global--active-color--400: var(--inbo--primary-color--lighter);

    --pf-v5-global--link--Color: var(--inbo--primary-color--dark);
    --pf-v5-global--link--Color--hover: var(--inbo--primary-color--darker);
    --pf-v5-global--link--Color--dark: var(--inbo--primary-color--darker);
    --pf-v5-global--link--Color--dark--hover: var(--inbo--primary-color--dark);
}