:root {
    /* COLORS */

    --fs-brand-primary: #B20A2F;
    --fs-brand-primary-light: #F75262;
    --fs-brand-primary-dark: #860013;
    --fs-brand-secondary: #F1E700;
    --fs-brand-secondary-light: var(--fs-gray-light);

    --fs-gray-darker: #2C2A3B;
    --fs-gray-dark: #4D4C60;
    --fs-gray: #A5A2B8;
    --fs-gray-light: #E6E6ED;
    --fs-gray-lighter: #F8F8F8;

    --pr-bg-visuals-1: #009790;
    --pr-bg-visuals-2: #535266;
    --pr-bg-visuals-3: #79C6C0;
    --pr-bg-visuals-4: #A5A2B8;
    --pr-bg-visuals-5: #94CA9A;
    --pr-bg-visuals-6: #C6C6CD;
    --pr-bg-visuals-7: #AB6E55;
    --pr-bg-visuals-8: #DF8D13;
    --pr-bg-visuals-9: #C0A485;
    --pr-bg-visuals-10: #8770AE;
    --pr-bg-visuals-11: #D098C0;
    --pr-bg-visuals-12: #C9BFDB;

    --fs-black: var(--fs-gray-darker);
    --fs-white: var(--fs-gray-lighter);
    --fs-gray-50: var(--fs-gray-lighter);
    --fs-gray-100: var(--fs-gray-light);
    --fs-gray-200: var(--fs-gray-light);
    --fs-gray-300: var(--fs-gray);
    --fs-gray-500: var(--fs-gray-dark);
    --fs-gray-900: var(--fs-gray-darker);
    --fs-gray-alpha-50: var(--fs-gray-light);

    --fs-blue-100: var(--fs-gray-light);
    --fs-blue-200: var(--fs-brand-primary-light);
    --fs-blue-300: var(--fs-brand-primary-dark);
    --fs-blue: var(--fs-brand-primary);

    --fs-bg-color: var(--fs-gray-lighter);
    --fs-bg-color-secondary: var(--fs-gray-lighter);
    --fs-bg-color-tertiary: var(--fs-gray-light);
    --fs-bg-color-quarternary: var(--fs-gray-light);
    --fs-bg-color-quinary: var(--fs-gray);
    --fs-border: var(--fs-gray-light);

    --fs-text-color: var(--fs-gray-darker);

    --fs-hightlight-bg: var(--fs-gray-light);
    --fs-hightlight-bg-alternative: var(--fs-gray-light);
    --fs-hightlight-bg-secondary: var(--fs-brand-primary-light);

    --fs-accent: var(--fs-brand-primary);

    --fs-primary: var(--fs-brand-primary);

    --fs-light: var(--fs-gray-lighter);
    --fs-bg-light: var(--fs-bg-color-secondary);

    --fs-hover: var(--fs-brand-primary-dark);

    --fs-btn: var(--fs-brand-primary);
    --fs-btn-hover: var(--fs-brand-primary-dark);
    --fs-btn-active: var(--fs-brand-primary-dark);

    --fs-success: var(--pr-bg-visuals-1);
    --fs-success-hover: var(--fs-gray-darker);
    --fs-success-active: var(--fs-gray-darker);

    --fs-info: var(--fs-gray-dark);
    --fs-info-hover: var(--fs-gray-darker);
    --fs-info-active: var(--fs-gray-darker);

    --fs-warning: #DF8D13;
    --fs-warning-hover: #C0A485;
    --fs-warning-active: var(--fs-gray);

    --fs-danger: var(--fs-brand-primary);
    --fs-danger-hover: var(--fs-brand-primary-dark);
    --fs-danger-active: var(--fs-brand-primary-dark);

    /* SPACING */

    --fs-spacing-base: 8px;
    --fs-spacing-half: calc(var(--fs-spacing-base) / 2);
    --fs-spacing-quarter: calc(var(--fs-spacing-base) / 4);

    --fs-spacing-1x: var(--fs-spacing-base);
    --fs-spacing-2x: calc(var(--fs-spacing-base) * 2);
    --fs-spacing-3x: calc(var(--fs-spacing-base) * 3);
    --fs-spacing-4x: calc(var(--fs-spacing-base) * 4);
    --fs-spacing-5x: calc(var(--fs-spacing-base) * 5);
    --fs-spacing-6x: calc(var(--fs-spacing-base) * 6);
    --fs-spacing-7x: calc(var(--fs-spacing-base) * 7);
    --fs-spacing-8x: calc(var(--fs-spacing-base) * 8);
    --fs-spacing-9x: calc(var(--fs-spacing-base) * 9);
    --fs-spacing-10x: calc(var(--fs-spacing-base) * 10);
    --fs-spacing-11x: calc(var(--fs-spacing-base) * 11);
    --fs-spacing-12x: calc(var(--fs-spacing-base) * 12);
    --fs-spacing-13x: calc(var(--fs-spacing-base) * 13);
    --fs-spacing-14x: calc(var(--fs-spacing-base) * 14);
    --fs-spacing-15x: calc(var(--fs-spacing-base) * 15);
    --fs-spacing-16x: calc(var(--fs-spacing-base) * 16);
    --fs-spacing-17x: calc(var(--fs-spacing-base) * 17);
    --fs-spacing-18x: calc(var(--fs-spacing-base) * 18);
    --fs-spacing-19x: calc(var(--fs-spacing-base) * 19);
    --fs-spacing-20x: calc(var(--fs-spacing-base) * 20);
    --fs-spacing-21x: calc(var(--fs-spacing-base) * 21);
    --fs-spacing-22x: calc(var(--fs-spacing-base) * 22);
    --fs-spacing-23x: calc(var(--fs-spacing-base) * 23);
    --fs-spacing-24x: calc(var(--fs-spacing-base) * 24);
    --fs-spacing-25x: calc(var(--fs-spacing-base) * 25);
    --fs-spacing-26x: calc(var(--fs-spacing-base) * 26);
    --fs-spacing-27x: calc(var(--fs-spacing-base) * 27);
    --fs-spacing-28x: calc(var(--fs-spacing-base) * 28);
    --fs-spacing-29x: calc(var(--fs-spacing-base) * 29);
    --fs-spacing-30x: calc(var(--fs-spacing-base) * 30);
}