:root {
    /*-- import from figma --*/
    --color-primary-500: #0F0F0F;
    --color-primary-400: #312C25;
    --color-primary-300: #6A6257;
    --color-primary-200: #918A80;
    --color-primary-100: #DEDAD4;
    --color-secondary-500: #C20A3C;
    --color-secondary-400: #FF0036;
    --color-secondary-300: #FF8A54;
    --color-secondary-200: #FFCAB2;
    --color-secondary-100: #FFF2ED;
    --color-neutral-white: #FFFFFF;
    --color-neutral-100: #F2F3F1;
    --color-neutral-200: #E5E2E0;
    --color-neutral-300: #CCC7C3;
    --color-neutral-400: #989491;
    --color-neutral-500: #65605D;
    --color-neutral-600: #33302E;
    --color-neutral-black: #000000;
    --color-success-500: #06511C;
    --color-success-400: #0DA239;
    --color-success-300: #61BA7C;
    --color-success-200: #C7EED3;
    --color-success-100: #E8F7EC;
    --color-error-500: #821107;
    --color-error-400: #E63A2B;
    --color-error-300: #EEA19A;
    --color-error-200: #F3C0BC;
    --color-error-100: #F7E7E6;
    --color-warning-500: #713F05;
    --color-warning-400: #EE7D05;
    --color-warning-300: #F1A24F;
    --color-warning-200: #FBCD9C;
    --color-warning-100: #FCEDDE;
    --type-link-color: var(--color-primary-500);
    --type-link-hover-color: var(--color-primary-400);
    --type-heading-color: var(--color-neutral-600);
    --type-body-color: var(--color-neutral-600);
    --type-label-color: var(--color-neutral-500);
    --color-info-500: #023A66;
    --color-info-400: #3B8DCA;
    --color-info-300: #6BAEE0;
    --color-info-200: #CCE4F5;
    --color-info-100: #E1F0FD;
    --border-radius-small: 0;
    --border-radius-base: 0;
    --border-radius-large: 0;
    --border-line-color: var(--color-neutral-200);
    --icon-fill-color: var(--color-primary-500);
    --icon-badge-background-color: var(--color-secondary-400);
    --icon-badge-color: var(--color-neutral-white);
    --button-border-width: 2px;
    --button-border-radius: 4px;
    --button-padding-horizontal: 16px;
    --button-padding-horizontal-small: 12px;
    --button-primary-background-color: var(--color-secondary-400);
    --button-primary-background-hover-color: var(--color-secondary-500);
    --button-primary-border-color: var(--color-secondary-400);
    --button-primary-border-hover-color: var(--color-secondary-500);
    --button-primary-color: var(--color-neutral-white);
    --button-primary-color-hover: var(--color-neutral-white);
    --button-secondary-background-color: #FFFFFF00;
    --button-secondary-background-hover-color: #FFFFFF00;
    --button-secondary-color: var(--color-primary-500);
    --button-secondary-border-color: var(--color-primary-500);
    --button-secondary-color-hover: var(--color-primary-400);
    --button-secondary-border-hover-color: var(--color-primary-400);
    --button-disabled-background-color: var(--color-neutral-200);
    --button-disabled-border-color: var(--color-neutral-200);
    --button-disabled-color: var(--color-neutral-600);
    --button-dark-secondary-color: var(--color-neutral-200);
    --button-dark-secondary-border-color: var(--color-neutral-200);
    --button-dark-secondary-color-hover: var(--color-neutral-white);
    --button-dark-secondary-border-color-hover: var(--color-neutral-white);
    --button-link-color: var(--color-secondary-400);
    --button-link-hover-color: var(--color-secondary-500);
    --button-dark-primary-color: var(--color-neutral-white);
    --button-dark-primary-background-color: var(--color-secondary-400);
    --button-dark-primary-hover-color: var(--color-neutral-white);
    --button-dark-primary-background-hover-color: var(--color-secondary-500);
    --input-checked-background-color: var(--color-neutral-white);
    --input-checked-border-color: var(--color-primary-500);
    --input-checked-icon-color: var(--color-primary-500);
    --theme: "Seat";
    --input-checkbox-background-color: var(--color-neutral-white);
    --input-checkbox-border-color: var(--color-neutral-400);
    --input-checkbox-border-width: 2px;
    --stepper-active-color: var(--color-primary-500);
    --stepper-checked-background-color: var(--color-success-500);
    --stepper-checked-color: var(--color-success-200);
    --stepper-active-dark-color: var(--color-neutral-white);
    --stepper-checked-dark-background-color: var(--color-success-300);
    --stepper-checked-dark-color: var(--color-neutral-white);
    --tabs-item-active-background-color: var(--color-secondary-400);
    --tabs-item-active-label-color: var(--color-neutral-white);
    --tabs-item-label-color: var(--type-body-color);
    --tabs-background-color: var(--color-neutral-white);
    --tabs-border-color: var(--border-line-color);
    --tabs-border-width: 1px;
    --tabs-border-radius: var(--border-radius-base);
    --tabs-item-border-radius: var(--border-radius-small);
    --progress-bar-color: var(--color-secondary-400);
    --alert-success-color: var(--color-success-500);
    --alert-success-border-color: var(--color-success-200);
    --alert-success-background-color: var(--color-success-200);
    --alert-info-color: var(--color-info-500);
    --alert-info-border-color: var(--color-info-200);
    --alert-info-background-color: var(--color-info-200);
    --alert-warning-color: var(--color-warning-500);
    --alert-warning-border-color: var(--color-warning-200);
    --alert-warning-background-color: var(--color-warning-200);
    --alert-error-color: var(--color-error-500);
    --alert-error-border-color: var(--color-error-100);
    --alert-error-background-color: var(--color-error-100);
    --alert-neutral-color: var(--color-neutral-600);
    --alert-neutral-border-color: var(--color-neutral-200);
    --alert-neutral-background-color: var(--color-neutral-200);
    --body-background-color: var(--color-neutral-100);
    --tooltip-background-color: var(--color-neutral-200);
    --tooltip-color: var(--type-body-color);
    --footer-background-color: var(--color-primary-500);
    --footer-color: var(--color-neutral-white);
    --footer-link-color: var(--color-neutral-white);
    --footer-link-hover-color: var(--color-neutral-200);
    --headernav-active-border-color: var(--color-secondary-400);
    --headernav-nav-dropdown-text: var(--color-primary-500);
    --headernav-nav-dropdown-background-hover: var(--color-primary-100);
    /*-- fonts --*/
    --type-heading-font-family:  'SEAT BCN', sans-serif;
    --type-heading-font-weight: 900;
    --type-base-font-family: 'SEAT BCN', sans-serif;
}