:root {
  --baseWhite: #ffffff;

  /* FONTS NEW */
  --fontFamily1: "Montserrat", "sans-serif", sans-serif;
  --fontFamily2: "Montserrat", "sans-serif", sans-serif;
  --fontFamily3: "Montserrat", "sans-serif";

  /* UIKit Fonts */
  --font-heading: var(--fontFamily1);
  --font-heading-alt: var(--fontFamily2);
  --font-text: var(--fontFamily2);

  /* FONTS OLD */
  --headingH1: var(--header-300-medium);
  --headingH2: var(--header-150-medium);
  --headingH3: var(--header-100-medium);
  --headingH4: var(--header-50-medium);

  --subtitle1: var(--alt-header-100-semibold);
  --subtitle2: var(--text-400-semibold);
  --subtitle3: var(--text-400-medium);

  --body1: var(--text-200-semibold-high);
  --body2: var(--text-200-medium-high);
  --body3: var(--text-200-semibold);
  --body4: var(--text-200-medium);

  --caption1: var(--text-100-semibold);
  --caption2: var(--text-100-medium);
  --caption3: var(--text-50-semibold);

  --button1: var(--text-200-medium);

  --price1: var(--text-300-semibold);
  --price2: var(--text-100-medium);
  --price3: var(--alt-header-100-semibold);
  --price4: var(--text-100-medium);
  --price5: var(--alt-header-100-semibold);
  --price6: var(--text-200-medium);
  --font-weight-medium: var(--header-300-medium);

  /* NUTRITION OLD */
  --nutritionLow: #0eb44d;
  --nutritionLowBg: #e7f7ed;
  --nutritionMedium: #f97313;
  --nutritionMediumBg: #fef1e7;
  --nutritionHigh: #e5243f;
  --nutritionHighBg: #fce9ec;

  --tileMask: linear-gradient(
    180deg,
    rgba(27, 26, 26, 0) 30%,
    rgba(27, 26, 26, 1) 100%
  );
  --tileMaskHalf: linear-gradient(
    180deg,
    rgba(27, 26, 26, 0) 50%,
    rgba(27, 26, 26, 1) 100%
  );

  /* COLORS NEW */
  --text-in-button: #2b2439;
  --text-primary: #2b2439;
  --text-primary-inverse: #2b2439;
  --text-brand: #d4a541;
  --icon-primary: #2b2439;
  --icon-primary-inverse: #2b2439;
  --text-inverse-in-button: #ffffff;
  --stroke-brand: #675688;
  --stroke-brand-subtle: #d741a3;
  --icon-in-button: #2b2439;
  --icon-inverse-in-button: #2b2439;

  --graphic-regular-brand: #551d72;
  --graphic-regular-brand-hover: #8b1d65;
  --graphic-regular-brand-2: #1d6ac7;
  --graphic-transparent-brand-0: #f6d11000;
  --graphic-transparent-brand-10: #f6d1101a;
  --graphic-transparent-brand-15: #f6d11026;
  --graphic-transparent-brand-25: #f6d11040;
  --graphic-transparent-brand-35: #f6d11059;
  --graphic-transparent-brand-50: #f6d11080;
  --graphic-transparent-brand-75: #f6d110bf;
  --background-bg-primary: #ffffff;

  --action-brand: #fcdc83;
  --action-brand-hover: #efd757;
  --action-secondary: #dad4e5;
  --action-secondary-hover: #baafcf;
  --action-secondary-transparent: #5759b81a;
  --action-primary: #2b2439;
  --action-primary-hover: #45395a;
  --action-inverse-primary: #2b2439;
  --action-inverse-primary-hover: #45395a;

  /* Layer */
  --layer-inverse-brand: #c0288b;

  /* COLORS OLD */
  --brandAtom900: var(--icon-brand);
  --brandAtom700: var(--icon-brand);
  --headerBackground: var(--bg-content);
  --brandAtom100: var(--surface-transparent-2);
  --brandAtom50: var(--surface-transparent-1);

  --navBarIconFill: var(--icon-brand);
  --headerApp: var(--bg-inverse-base);
  --brandTwo700: var(--icon-brand);

  --seed900: #1b1a1a;
  --seed800: #393636;
  --seed500: #696364;
  --seed400: #837e7f;
  --seed300: #a6a2a3;
  --seed200: #c9c6c7;
  --seed100: #e4e3e3;
  --seed50: #f7f6f6;
  --seed00: #ffffff;

  --system500Suc: var(--system-success);
  --system50Suc: var(--graphic-transparent-white-92);
  --system500War: var(--system-warning);
  --system50War: var(--graphic-transparent-white-92);
  --system500Err: var(--system-error);
  --system50Err: var(--graphic-transparent-white-92);
  --system050OverlayMode: var(--surface-transparent-6);
  --system020HoverMode: var(--surface-transparent-4);

  --checkbox: var(--action-brand-hover);
  --star: var(--action-primary);
  --like: var(--system-error);
  --footer: var(--bg-inverse-base);
  --buttonPrimary: var(--action-brand);
  --buttonPrimaryHover: var(--action-brand-hover);
  --buttonSecondary: var(--action-secondary);
  --buttonSecondaryHover: var(--action-secondary-hover);
  --buttonCircle: var(--bg-content);
  --buttonCircleIcon: var(--icon-primary);

  --badgeExpress: var(--graphic-regular-black);
  --badgeDiscount: var(--graphic-regular-black);
  --badgeMulti: var(--system-success);
  --badgeBundle: var(--graphic-regular-black);
  --badgeCounter: var(--icon-brand);

  --input200InputHov: var(--surface-transparent-2);
  --input50InputDefault: var(--surface-transparent-1);

  --text00Inv: var(--text-inverse-primary);
  --text900Prim: var(--text-primary);
  --text400Sec: var(--text-tertiary);
  --text300Tre: var(--text-placeholder);
  --text700Acc: var(--text-secondary);
  --textHeader: var(--text-primary);
  --textTitle: var(--text-primary);
  --textButtonPrim: var(--text-in-button);
  --textCategory: var(--graphic-regular-white);
  --textProductCard: var(--text-in-button);

  /* NEW TOKENS FROM CSV */

  /* Text */
  --text-secondary: #7f6ca3;
  --text-tertiary: #a89ac2;
  --text-placeholder: #5759b859;
  --text-disabled: #2d2f3340;
  --text-inverse-primary: #fcfcfd;
  --text-inverse-secondary: #7f6ca3;
  --text-inverse-tertiary: #a89ac2;
  --text-inverse-disabled: #2d2f3340;

  /* Icon */
  --icon-secondary: #7f6ca3;
  --icon-tertiary: #a89ac2;
  --icon-disabled: #2d2f3340;
  --icon-brand: #d4a541;
  --icon-inverse-primary: #7f6ca3;
  --icon-inverse-secondary: #a89ac2;
  --icon-inverse-tertiary: #2d2f3340;
  --icon-inverse-disabled: #d4a541;

  /* Stroke */
  --stroke-primary: #2d2f332b;
  --stroke-secondary: #2d2f3324;
  --stroke-tertiary: #2d2f331a;
  --stroke-quaternary: #2d2f330f;
  --stroke-inverse-primary: #2d2f332b;
  --stroke-inverse-secondary: #2d2f3324;
  --stroke-inverse-tertiary: #2d2f331a;
  --stroke-inverse-quaternary: #2d2f330f;

  /* Surface */
  --surface-transparent-1: #2d2f330a;
  --surface-transparent-2: #2d2f330f;
  --surface-transparent-3: #2d2f331a;
  --surface-transparent-4: #2d2f3340;
  --surface-transparent-5: #2d2f3359;
  --surface-transparent-6: #2d2f3380;
  --surface-transparent-7: #000000a3;
  --surface-transparent-8: #000000b8;
  --surface-transparent-9: #000000eb;
  --surface-inverse-transparent-1: #2d2f330a;
  --surface-inverse-transparent-3: #2d2f331a;
  --surface-inverse-transparent-4: #2d2f3340;
  --surface-inverse-transparent-6: #2d2f3380;
  --surface-inverse-transparent-8: #000000b8;
  --surface-inverse-transparent-5: #2d2f3359;
  --surface-inverse-transparent-7: #000000a3;
  --surface-inverse-transparent-9: #000000eb;
  --surface-inverse-transparent-2: #2d2f330f;

  /* Bg */
  --bg-base: #ffffff;
  --bg-base-stable: #ffffff;
  --bg-content: #ffffff;
  --bg-inverse-base: #1b1722;
  --bg-inverse-base-stable: #ffffff;
  --bg-inverse-content: #ffffff;

  /* System */
  --system-error: #f63d68ff;
  --system-error-subtle: #e31b541a;
  --system-error-medium: #e31b5411;
  --system-warning-subtle: #fa86551f;
  --system-success-subtle: #0676471a;
  --system-success-medium: #0676472b;
  --system-success: #388b66ff;
  --system-success-hover: #287d5aff;
  --system-warning: #c9a446ff;
  --system-warning-hover: #bf9039ff;
  --system-warning-bright: #a47132ff;
  --system-error-hover: #e31b54ff;
  --system-error-light: #ff6384ff;
  --system-neutral-1-subtle: #4d5bb41a;
  --system-neutral-1-medium: #4d5bb43d;
  --system-neutral-2-subtle: #d7d9db52;
  --system-neutral-2-medium: #d7d9db80;
  --system-link: #717bbcff;
  --system-link-hover: #3e4784ff;

  /* Systemwarning-medium */
  --systemwarning-medium: #fa86552b;

  /* Effects */
  --effects-shadows-shadow-xs: #1018280d;
  --effects-shadows-shadow-sm_01: #1018281a;
  --effects-shadows-shadow-sm-soft: #1018280f;
  --effects-shadows-shadow-md_01: #1018281a;
  --effects-shadows-shadow-md-soft: #1018280f;
  --effects-shadows-shadow-lg_01: #10182814;
  --effects-shadows-shadow-lg-soft: #10182808;
  --effects-shadows-shadow-xl_01: #10182814;
  --effects-shadows-shadow-xl-soft: #10182808;
  --effects-shadows-shadow-2xl: #1018282e;
  --effects-shadows-shadow-3xl: #10182824;
  --effects-shadows-shadow-skeumorphic-inner: #1018280d;
  --effects-shadows-shadow-skeumorphic-inner-border: #1018282e;

  /* Graphic */
  --graphic-regular-white: #ffffff;
  --graphic-regular-black: #000000ff;
  --graphic-regular-red: #c64154;
  --graphic-regular-red-pink: #f95792;
  --graphic-regular-orange-dark: #d78460;
  --graphic-regular-orange: #f79575;
  --graphic-regular-yellow: #fde97c;
  --graphic-regular-green: #69e5b3;
  --graphic-regular-green-medium: #48b381;
  --graphic-regular-green-dark-2: #0b643b;
  --graphic-regular-green-dark: #3a9e75;
  --graphic-regular-cyan: #69d0e4;
  --graphic-regular-blue-light: #7baff3;
  --graphic-regular-blue: #5584c3;
  --graphic-regular-blue-dark: #3e4784;
  --graphic-regular-violet: #7a85ed;
  --graphic-regular-pink: #d398ef;
  --graphic-regular-rose: #eb7dba;
  --graphic-regular-gray-neutral: #a9a9cb;
  --graphic-regular-gray-warm: #8e9aa5;
  --graphic-regular-gray-light: #f2f3f3;
  --graphic-regular-gray-dark: #30353c;
  --graphic-muted-red: #e69b95;
  --graphic-muted-red-pink: #d99fab;
  --graphic-muted-orange-dark: #cba99a;
  --graphic-muted-orange: #ebd2b5;
  --graphic-muted-yellow: #efdbb3;
  --graphic-muted-green: #a6dec7;
  --graphic-muted-cyan: #bcdfe6;
  --graphic-muted-blue-light: #bbcee8;
  --graphic-muted-blue: #96b1d4;
  --graphic-muted-blue-dark: #545b89;
  --graphic-muted-violet: #c8c0dd;
  --graphic-muted-pink: #e3c6e3;
  --graphic-muted-rose: #eab4d2;
  --graphic-muted-gray-neutral: #bebed1;
  --graphic-muted-gray-warm: #aea9a6;
  --graphic-transparent-white-7: #ffffff12;
  --graphic-transparent-white-10: #ffffff1a;
  --graphic-transparent-white-14: #ffffff24;
  --graphic-transparent-white-25: #ffffff40;
  --graphic-transparent-white-40: #ffffff66;
  --graphic-transparent-white-55: #ffffff8c;
  --graphic-transparent-white-70: #ffffffb3;
  --graphic-transparent-white-92: #ffffffeb;
  --graphic-transparent-black-5: #0000000d;
  --graphic-transparent-black-10: #0000001a;
  --graphic-transparent-black-25: #00000040;
  --graphic-transparent-black-40: #00000066;
  --graphic-transparent-black-55: #0000008c;
  --graphic-transparent-black-70: #000000b3;
  --graphic-transparent-gray-40: #20293966;
  --graphic-transparent-blue-25: #5d68a640;
  --graphic-transparent-red-25: #e31b5433;
  --graphic-transparent-yellow-25: #f7900940;
  --graphic-transparent-green-25: #388b6640;
  --graphic-transparent-green-dark-2-25: #0b643b40;
  --graphic-transparent-green-40: #92d5ba66;
  --graphic-transparent-cyan: #69e3fa66;
  --graphic-transparent-violet: #a5b4e680;
  --graphic-transparent-pink: #d6c6ee66;
  --graphic-transparent-gray-neutral: #a9a9cb4d;
  --graphic-transparent-gray-warm: #8e9aa533;
  --graphic-brand-light: #fde97c;
  --graphic-regular-multibuy: #388b66;
  --graphic-regular-discount: #551d72;
  --graphic-regular-reviews: #551d72;
  --graphic-transparent-brand-2-0: #551d7200;
  --graphic-transparent-brand-2-10: #551d721a;
  --graphic-transparent-brand-2-15: #551d7226;
  --graphic-transparent-brand-2-25: #551d7240;
  --graphic-transparent-brand-2-35: #551d7259;
  --graphic-transparent-brand-2-50: #551d7280;
  --graphic-transparent-brand-2-75: #551d72bf;
  --graphic-transparent-blue-10: #551d721a;
}