@import url('variables.css');
@import url('styles.css');

:root {
    --pf-global--primary-color--100: var(--scl-color-primary);
    --pf-global--primary-color-hover: var(--scl-color-primary-hover);
    --pf-global--secondary-color--100: var(--scl-color-black);
    --pf-global--active-color--100: var(--pf-global--primary-color--100);
    --pf-global--active-color--400: var(--pf-global--primary-color--100);

    --pf-v5-global--primary-color--100: var(--pf-global--primary-color--100) !important;
    --pf-v5-global--active-color--100: var(--pf-global--primary-color--100) !important;

    --pf-global--Color--100: var(--scl-color-text-standard);

    --pf-global--BorderColor--300: var(--pf-global--secondary-color--100);

    --pf-global--BackgroundColor--dark-100: var(--scl-color-grey-90);

    --pf-global--FontFamily--sans-serif: var(--scl-font-family-sans);
    --pf-global--FontFamily--heading--sans-serif: var(--scl-font-family-sans);

    --pf-global--BorderRadius--sm: var(--scl-radius-4);
    --pf-global--BorderRadius--lg: var(--scl-radius-8);

    --pf-global--link--Color: var(--scl-color-text-link);
    --pf-global--link--Color--hover: var(--scl-color-text-link-hover);
    --pf-global--link--Color--visited: var(--scl-color-text-link-visited);

    --pf-global--success-color--100: var(--scl-color-text-success);
    --pf-global--success-color--200: var(--scl-color-text-success);

    --pf-global--info-color--100: var(--scl-color-text-info);
    --pf-global--info-color--200: var(--scl-color-text-info);

    --pf-global--warning-color--100: var(--scl-color-orange-60);
    --pf-global--warning-color--200: var(--scl-color-orange-60);

    --pf-global--danger-color--100: var(--scl-color-text-error);
    --pf-global--danger-color--200: var(--scl-color-text-error);
}