:root {
    
    /* Palette */
    --plid-text-color: #000000;
    --plid-text-color-light: #767676;
    --plid-danger: #D7141A;
    --plid-danger--focus: #AC1015;
    --plid-danger--20: #D7141A33;
    --plid-header-gradient-percentage: 35%;
    --plid-header-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.3) var(--plid-header-gradient-percentage), rgba(0, 0, 0, 0) 100%);
    --plid-button-border-radius: 0;
    --plid-card-border-radius: 0;
    --plid-input-border-radius: 0;
    --plid-sponsor-img-height-lg: 24px;
    --plid-sponsor-img-height-sm: 16px;
    --plid-footer-background: var(--plid-light-grey);
    --plid-footer-font-color: var(--plid-text-color);
    --plid-button-primary-font-color: #ffffff;
    --plid-button-secondary-font-color: #ffffff;

    --pf-global--primary-color--100: var(--plid-primary);
    --pf-global--primary-color--100-opacity-20: var(--plid-primary--20);
    --pf-global--active-color--100: var(--plid-primary);
    --pf-global--primary-color--dark-100: var(--plid-primary);

    --pf-v5-global--primary-color--100: var(--plid-primary);
    --pf-v5-global--primary-color--100-opacity-20: var(--plid-primary--20);
    --pf-v5-global--active-color--100: var(--plid-primary);
    --pf-v5-global--primary-color--dark-100: var(--plid-primary);

    --pf-global--primary-color--200: var(--plid-secondary);
    --pf-v5-global--primary-color--200: var(--plid-secondary);

    --pf-global--Neutral-White: #ffffff;
    --pf-v5-global--Neutral-White: #ffffff;
    --plid-neutral-dark-grey: #767676;
    --plid-light-grey: #e6e6e6;
    
    /* Background */
    --pf-global--BackgroundColor--200: var(--plid-light-grey);
    --pf-global--BackgroundColor--dark-100: #141414;

    --pf-v5-global--BackgroundColor--200: var(--plid-light-grey);
    --pf-v5-global--BackgroundColor--dark-100: #141414;

    /* Fonts */
    --pf-global--Color--100: var(--plid-text-color);
    --pf-global--Color--200: var(--plid-text-color-light);
    --pf-global--link--Color: var(--plid-primary) !important;
    --pf-global--link--Color--hover: var(--plid-secondary);
    --pf-global--link--Color--active: var(--plid-secondary);
    --pf-global--link--Color--focus: var(--plid-secondary);

    --pf-v5-global--Color--100: var(--plid-text-color);
    --pf-v5-global--Color--200: var(--plid-text-color-light);
    --pf-v5-global--link--Color: var(--plid-primary) !important;
    --pf-v5-global--link--Color--hover: var(--plid-secondary);
    --pf-v5-global--link--Color--active: var(--plid-secondary);
    --pf-v5-global--link--Color--focus: var(--plid-secondary);

    /* Font Sizes */
    --pf-global--FontSize--4xl: 4.8rem;
    --pf-global--FontSize--3xl: 3.4rem;
    --pf-global--FontSize--2xl: 2.4rem;
    --pf-global--FontSize--xl: 2rem;
    --pf-global--FontSize--lg: 1.8rem;
    --pf-global--FontSize--md: 1.6rem;
    --pf-global--FontSize--sm: 1.2rem;

    --pf-v5-global--FontSize--4xl: 4.8rem;
    --pf-v5-global--FontSize--3xl: 3.4rem;
    --pf-v5-global--FontSize--2xl: 2.4rem;
    --pf-v5-global--FontSize--xl: 2rem;
    --pf-v5-global--FontSize--lg: 1.8rem;
    --pf-v5-global--FontSize--md: 1.6rem;
    --pf-v5-global--FontSize--sm: 1.2rem;

    /* Line Height */
    --pf-global--LineHeight--4xl: 5.7rem;
    --pf-global--LineHeight--3xl: 4rem;
    --pf-global--LineHeight--md: 1.9rem;

    --pf-v5-global--LineHeight--4xl: 5.7rem;
    --pf-v5-global--LineHeight--3xl: 4rem;
    --pf-v5-global--LineHeight--md: 1.9rem;

    /* Forms */
    --pf-global--spacer--form-element: 16px;
    --pf-c-form__label--hover--Cursor: default;

    /* Box Shadows */
    --plid-button-primary-focus-box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 5px var(--plid-primary--20);
    --plid-button-secondary-focus-box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 5px var(--plid-secondary--20);
    --plid-input-focus-box-shadow: 0px 0px 0px 3px var(--plid-primary--20);
    --plid-input-active-box-shadow: 0px 0px 0px 1px var(--plid-primary);

    /* Spacing */
    --plid-spacing: 24px;
    --plid-page-gutter: 32px;

    --pf-global--spacer--sm: 0.8rem;
    --pf-global--spacer--md: 1.2rem;
    --pf-global--spacer--lg: 1.6rem;
    --pf-global--spacer--xl: 2rem;
    --pf-global--spacer--2xl: 2.4rem;
    --pf-global--spacer--3xl: 3.2rem;

    --pf-v5-global--spacer--sm: 0.8rem;
    --pf-v5-global--spacer--md: 1.2rem;
    --pf-v5-global--spacer--lg: 1.6rem;
    --pf-v5-global--spacer--xl: 2rem;
    --pf-v5-global--spacer--2xl: 2.4rem;
    --pf-v5-global--spacer--3xl: 3.2rem;

    /* Headings */
    --pf-global--FontFamily--heading--sans-serif: HeadingText, sans-serif;
    --pf-v5-global--FontFamily--heading--sans-serif: HeadingText, sans-serif;

    /* Components */
    --plid-sponsor-banner-height: 32px;
}

[dir=rtl] {
    --plid-header-gradient-percentage: 65%;
}

@media (min-width: 768px) {
    :root {
        --plid-spacing: 40px;
        --plid-sponsor-banner-height: 40px;
    }
}