@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,600;0,700;1,400&display=swap');

:root {
  --intent-primary-50: #f5e4e1;
  --intent-primary-100: #e6bcb4;
  --intent-primary-200: #d68f83;
  --intent-primary-300: #c66251;
  --intent-primary-400: #ba412c;
  --intent-primary-600: #a61c06;
  --intent-primary-700: #9d1704;
  --intent-primary-800: #941303;
  --intent-primary-900: #840b01;
  --intent-primary: #AE2007;
  --intent-secondary-50: #fdfdfc;
  --intent-secondary-100: #fafaf8;
  --intent-secondary-200: #f7f7f4;
  --intent-secondary-300: #f3f4f0;
  --intent-secondary-400: #f1f2ed;
  --intent-secondary-600: #edeee7;
  --intent-secondary-700: #eaebe4;
  --intent-secondary-800: #e8e9e0;
  --intent-secondary-900: #e3e4db;
  --intent-secondary: #EFF0EA;
  --intent-action-50: #fefaf0;
  --intent-action-100: #fef3db;
  --intent-action-200: #feecc4;
  --intent-action-300: #fee4ad;
  --intent-action-400: #fede9b;
  --intent-action-600: #fdd481;
  --intent-action-700: #fdcf76;
  --intent-action-800: #fdc96c;
  --intent-action-900: #fdc05a;
  --intent-action: #fed98a;
  --intent-promotion-50: #f7e5e1;
  --intent-promotion-100: #ebbfb5;
  --intent-promotion-200: #de9585;
  --intent-promotion-300: #d06a54;
  --intent-promotion-400: #c64a2f;
  --intent-promotion-600: #b62609;
  --intent-promotion-700: #ae2007;
  --intent-promotion-800: #a61a05;
  --intent-promotion-900: #981002;
  --intent-promotion: #bd2b0b;
  --intent-success-50: #e4f7ec;
  --intent-success-100: #bdebd1;
  --intent-success-200: #91deb3;
  --intent-success-300: #65d095;
  --intent-success-400: #44c67e;
  --intent-success-600: #1fb65f;
  --intent-success-700: #1aae55;
  --intent-success-800: #15a64b;
  --intent-success-900: #0c9839;
  --intent-success: #24bd68;
  --intent-warning-50: #fdf1e0;
  --intent-warning-100: #fbdeb2;
  --intent-warning-200: #f9c87f;
  --intent-warning-300: #f6b24c;
  --intent-warning-400: #f4a226;
  --intent-warning-600: #f18900;
  --intent-warning-700: #ef7f00;
  --intent-warning-800: #ed7500;
  --intent-warning-900: #ea6200;
  --intent-warning: #f39200;
  --intent-error-50: #f7e5e1;
  --intent-error-100: #ebbfb5;
  --intent-error-200: #de9585;
  --intent-error-300: #d06a54;
  --intent-error-400: #c64a2f;
  --intent-error-600: #b62609;
  --intent-error-700: #ae2007;
  --intent-error-800: #a61a05;
  --intent-error-900: #981002;
  --intent-error: #bd2b0b;
  --intent-content-50: #e0e0e0;
  --intent-content-100: #b2b2b2;
  --intent-content-200: #7f7f7f;
  --intent-content-300: #4c4c4c;
  --intent-content-400: #262626;
  --intent-content-600: #000;
  --intent-content-700: #000;
  --intent-content-800: #000;
  --intent-content-900: #000;
  --intent-content: #000;
  --intent-contrast-50: #fff;
  --intent-contrast-100: #fff;
  --intent-contrast-200: #fff;
  --intent-contrast-300: #fff;
  --intent-contrast-400: #fff;
  --intent-contrast-600: #fff;
  --intent-contrast-700: #fff;
  --intent-contrast-800: #fff;
  --intent-contrast-900: #fff;
  --intent-contrast: #fff;
  --background-color: #f7f7f4;
  --border-radius: 0.5714285714285714rem;
  --font-family: 'Roboto', sans-serif;
  --heading-font-family: 'Roboto', sans-serif;
  --logo-default-height: 40;
  --logo-default-width: 147;
  --logo-small-height: 50;
  --logo-small-width: 50;
  --typography-error: #a21d00;
  --typography-primary: #000000;
  --typography-promotion: #a21d00;
  --typography-default: var(--intent-content);
  --intent-error-900-contrast: var(--typography-contrast);
  --intent-error-200-contrast: var(--typography-default);
  --intent-error-100-contrast: var(--typography-default);
  --intent-error-contrast: var(--typography-contrast);
  --intent-warning-900-contrast: var(--typography-contrast);
  --intent-warning-200-contrast: var(--typography-default);
  --intent-warning-100-contrast: var(--typography-default);
  --intent-warning-contrast: var(--typography-default);
  --intent-success-900-contrast: var(--typography-contrast);
  --intent-success-200-contrast: var(--typography-default);
  --intent-success-100-contrast: var(--typography-default);
  --intent-success-contrast: var(--typography-default);
  --intent-promotion-900-contrast: var(--typography-contrast);
  --intent-promotion-200-contrast: var(--typography-default);
  --intent-promotion-100-contrast: var(--typography-default);
  --intent-promotion-contrast: var(--typography-contrast);
  --intent-action-900-contrast: var(--typography-default);
  --intent-action-200-contrast: var(--typography-default);
  --intent-action-100-contrast: var(--typography-default);
  --intent-action-contrast: var(--typography-default);
  --intent-secondary-900-contrast: var(--typography-default);
  --intent-secondary-200-contrast: var(--typography-default);
  --intent-secondary-100-contrast: var(--typography-default);
  --intent-secondary-contrast: var(--typography-default);
  --intent-primary-900-contrast: var(--typography-contrast);
  --intent-primary-200-contrast: var(--typography-default);
  --intent-primary-100-contrast: var(--typography-default);
  --intent-primary-contrast: var(--typography-contrast);
  --typography-contrast: var(--intent-contrast);
  --typography-disabled: var(--intent-content-200);
  --typography-placeholder: var(--intent-content-400);
  --coupon-style: var(--typography-promotion);
  --header-bottom-bar-background-color: var(--surface-raised);
  --header-top-bar-background-color: var(--surface-raised);
  --header-top-bar-background-color-contrast: var(--typography-default);
  --surface-sunken: var(--intent-secondary);
  --surface-background: var(--background-color);
  --surface-base: var(--intent-contrast);
  --surface-raised: var(--intent-contrast);
  --decoration: var(--intent-secondary);
  --decoration-contrast: var(--intent-content-300);
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="dark"] {
    --typography-error: var(--intent-error-600);
    --typography-primary: var(--intent-primary-600);
    --typography-promotion: var(--intent-promotion-600);
    --typography-default: #ebf7fe;
    --typography-contrast: #151d22;
    --typography-disabled: #a4afb5;
    --typography-placeholder: #d3dfe5;
    --surface-sunken: #0f171c;
    --surface-background: #151d22;
    --surface-base: #212a2f;
    --surface-raised: #273035;
    --intent-content-50: var(--decoration);
    --intent-content-100: var(--decoration);
    --intent-content-200: var(--decoration);
    --intent-content-300: var(--decoration);
    --intent-content-400: var(--decoration);
    --intent-content-600: #ebf7fe;
    --intent-content-700: #ebf7fe;
    --intent-content-800: #ebf7fe;
    --intent-content-900: #ebf7fe;
    --intent-content: #ebf7fe;
    --intent-secondary-50: #0f171c;
    --intent-secondary-100: #151d22;
    --intent-secondary-200: #1b2328;
    --intent-secondary-300: #212a2f;
    --intent-secondary-400: #0f171c;
    --intent-secondary-600: #0f171c;
    --intent-secondary-700: #0f171c;
    --intent-secondary-800: #d3dfe5;
    --intent-secondary-900: #ebf7fe;
    --intent-secondary: #778288;
    --intent-contrast: #151d22;
    --decoration: #4d575d;
    --decoration-contrast: #778288;
    --intent-primary-50: #2c0804;
    --intent-primary-100: #510000;
    --intent-primary-200: #730000;
    --intent-primary-300: #930000;
    --intent-primary-400: #d14c36;
    --intent-primary: #ed7761;
    --intent-primary-600: #ed7761;
    --intent-primary-700: #ffa592;
    --intent-primary-800: #ffd5ca;
    --intent-primary-900: #ffeee9;
    --intent-action-50: #221300;
    --intent-action-100: #543d00;
    --intent-action-200: #8b6d27;
    --intent-action-300: #c4a155;
    --intent-action-400: #ffde92;
    --intent-action: #ffe4a1;
    --intent-action-600: #ffe4a1;
    --intent-action-700: #ffebb6;
    --intent-action-800: #fff1d0;
    --intent-action-900: #fef4df;
    --intent-promotion-50: #2c0804;
    --intent-promotion-100: #540100;
    --intent-promotion-200: #7b0000;
    --intent-promotion-300: #9e0a00;
    --intent-promotion-400: #dd5338;
    --intent-promotion: #f67c63;
    --intent-promotion-600: #f67c63;
    --intent-promotion-700: #ffa893;
    --intent-promotion-800: #ffd6ca;
    --intent-promotion-900: #ffeee8;
    --intent-success-50: #001d07;
    --intent-success-100: #004315;
    --intent-success-200: #006b29;
    --intent-success-300: #009445;
    --intent-success-400: #4acf7d;
    --intent-success: #73e096;
    --intent-success-600: #73e096;
    --intent-success-700: #9fedb5;
    --intent-success-800: #cef8d8;
    --intent-success-900: #e7fbec;
    --intent-warning-50: #280e00;
    --intent-warning-100: #572900;
    --intent-warning-200: #8a4800;
    --intent-warning-300: #c16a00;
    --intent-warning-400: #ffa336;
    --intent-warning: #ffb861;
    --intent-warning-600: #ffb861;
    --intent-warning-700: #ffcf93;
    --intent-warning-800: #ffe6c4;
    --intent-warning-900: #fff2e1;
    --intent-error-50: #2c0804;
    --intent-error-100: #540100;
    --intent-error-200: #7b0000;
    --intent-error-300: #9e0a00;
    --intent-error-400: #dd5338;
    --intent-error: #f67c63;
    --intent-error-600: #f67c63;
    --intent-error-700: #ffa893;
    --intent-error-800: #ffd6ca;
    --intent-error-900: #ffeee8;
    --intent-secondary-100-contrast: var(--typography-default);
    --intent-secondary-200-contrast: var(--typography-default);
    --intent-secondary-900-contrast: var(--typography-contrast);
    --intent-secondary-contrast: var(--typography-contrast);
    --intent-primary-100-contrast: var(--typography-default);
    --intent-primary-200-contrast: var(--typography-default);
    --intent-primary-contrast: var(--typography-contrast);
    --intent-primary-900-contrast: var(--typography-contrast);
    --intent-action-100-contrast: var(--typography-default);
    --intent-action-200-contrast: var(--typography-default);
    --intent-action-contrast: var(--typography-contrast);
    --intent-action-900-contrast: var(--typography-contrast);
    --intent-promotion-100-contrast: var(--typography-default);
    --intent-promotion-200-contrast: var(--typography-default);
    --intent-promotion-contrast: var(--typography-contrast);
    --intent-promotion-900-contrast: var(--typography-contrast);
    --intent-success-100-contrast: var(--typography-default);
    --intent-success-200-contrast: var(--typography-default);
    --intent-success-contrast: var(--typography-contrast);
    --intent-success-900-contrast: var(--typography-contrast);
    --intent-warning-100-contrast: var(--typography-default);
    --intent-warning-200-contrast: var(--typography-default);
    --intent-warning-contrast: var(--typography-contrast);
    --intent-warning-900-contrast: var(--typography-contrast);
    --intent-error-100-contrast: var(--typography-default);
    --intent-error-200-contrast: var(--typography-default);
    --intent-error-contrast: var(--typography-contrast);
    --intent-error-900-contrast: var(--typography-contrast);
  }
}