:root {
  --baseWhite: #ffffff;
  /* COLORS OLD */
  --brandAtom900: var(--icon-brand);
  --brandAtom700: var(--action-brand);
  --headerBackground: #ffffff;
  --brandAtom100: var(--graphic-transparent-brand-10);
  --brandAtom50: var(--graphic-transparent-brand-10);
  --navBarIconFill: var(--graphic-transparent-brand-10);
  --headerApp: #ffffff;
  --brandTwo700: rgba(255, 255, 255, 0);
  --seed900: #1b1a1a;
  --seed800: #393636;
  --seed500: #696364;
  --seed400: #837e7f;
  --seed300: #a6a2a3;
  --seed200: #c9c6c7;
  --seed100: #e4e3e3;
  --seed50: #f7f6f6;
  --seed00: #ffffff;
  --system500Suc: #5ab478;
  --system50Suc: #eff8f2;
  --system500War: #ff9a51;
  --system50War: #fff5ee;
  --system500Err: #ea2b2b;
  --system50Err: #fdf4f3;
  --system050OverlayMode: rgba(0, 0, 0, 0.5);
  --system070DisabledMode: rgba(255, 255, 255, 0.7);
  --system020HoverMode: #cccccc33;
  --checkbox: var(--action-brand);
  --star: #1b1a1a;
  --like: var(--system-error);
  --footer: #000000;
  --buttonPrimary: var(--action-primary);
  --buttonPrimaryHover: var(--action-primary-hover);
  --buttonSecondary: var(--action-secondary);
  --buttonSecondaryHover: var(--action-secondary-hover);
  --buttonCircle: var(--bg-base);
  --buttonCircleIcon: var(--icon-primary);
  --badgeExpress: var(--action-brand);
  --badgeDiscount: var(--graphic-regular-red);
  --badgeMulti: #fef1ea;
  --badgeBundle: var(--action-brand);
  --badgeCounter: var(--action-brand);
  --input200InputHov: var(--surface-transparent-2);
  --input50InputDefault: var(--surface-transparent-1);
  --text00Inv: var(--graphic-regular-white);
  --text900Prim: var(--graphic-regular-black);
  --text400Sec: var(--text-tertiary);
  --text300Tre: var(--text-placeholder);
  --text700Acc: var(--text-secondary);
  --textHeader: #1b1a1a;
  --textTitle: var(--text-primary);
  --textButtonPrim: #ffffff;
  --textCategory: #ffffff;
  --textProductCard: #1b1a1a;
  /* FONTS OLD */
  --fontFamily1: "Inter", sans-serif;
  --fontFamily2: "Inter", sans-serif;
  --fontFamily3: "Inter", sans-serif;

  --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);

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

  /* BORDER RADIUS NEW */
  --border-radius--0: 0px;
  --border-radius--10: 2px;
  --border-radius--100: 2px;
  --border-radius--20: 3px;
  --border-radius--200: 3px;
  --border-radius--30: 4px;
  --border-radius--300: 4px;
  --border-radius--40: 6px;
  --border-radius--400: 6px;
  --border-radius--50: 8px;
  --border-radius--500: 8px;
  --border-radius--55: 10px;
  --border-radius--550: 10px;
  --border-radius--60: 12px;
  --border-radius--600: 12px;
  --border-radius--65: 16px;
  --border-radius--650: 16px;
  --border-radius--70: 24px;
  --border-radius--700: 24px;
  --border-radius--80: 36px;
  --border-radius--800: 36px;
  --border-radius--100: 9999px;
  --border-radius--1000: 9999px;
  /* 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 */
  --action-brand: #e94e1a;
  --action-brand-hover: #9d3410;
  --action-primary: #141415;
  --text-primary: #141415;
  --text-primary-inverse: #f4f4f5;
  --text-brand: #e86430;
  --text-link: #e94e1a;
  --text-link-hover: #9d3410;
  --text-inverse-primary: #fcfcfd;
  --text-inverse-secondary: #d7d9dba3;
  --text-inverse-tertiary: #d7d9db80;
  --text-inverse-disabled: #2d2f3340;
  --icon-primary: #141415;
  --icon-primary-inverse: #141415;
  --icon-brand: #e86430;
  --icon-link: #717bbc;
  --icon-link-hover: #9d3410;
  --icon-inverse-primary: #fcfcfd;
  --icon-inverse-secondary: #2d2f33b8;
  --icon-inverse-tertiary: #2d2f3380;
  --icon-inverse-disabled: #2d2f332b;
  --stroke-primary: #2d2f332b;
  --stroke-secondary: #2d2f3324;
  --stroke-tertiary: #2d2f331a;
  --stroke-quaternary: #2d2f330f;
  --stroke-strong: #000000;
  --stroke-brand: #e86430;
  --stroke-brand-subtle: #ff6384;
  --stroke-link: #e94e1a;
  --stroke-inverse-primary: #2d2f332b;
  --stroke-inverse-secondary: #2d2f3324;
  --stroke-inverse-tertiary: #d7d9db24;
  --stroke-inverse-quaternary: #2d2f330f;
  --background-bg-primary: #ffffff;
  --graphic-regular-brand: #e86430;
  --graphic-regular-brand-hover: #9d3410;
  --graphic-transparent-brand-15: #e94e1a26;
  --bg-inverse-base: #000000;
  --bg-inverse-content: #ffffff;

  /* Navigation */
  --navigation-text-primary: #000000;
  --navigation-text-secondary: #000000a3;
  --navigation-text-tertiary: #00000080;
  --navigation-text-in-button: #ffffff;
  --navigation-text-in-button-2: #ffffff;
  --navigation-text-brand: #e94e1a;
  --navigation-icon-primary: #000000;
  --navigation-icon-secondary: #000000a3;
  --navigation-icon-tertiary: #00000080;
  --navigation-icon-in-button: #ffffff;
  --navigation-icon-brand: #e94e1a;
  --navigation-stroke-primary: #2d2f332b;
  --navigation-stroke-secondary: #2d2f3324;
  --navigation-stroke-tertiary: #2d2f331a;
  --navigation-stroke-strong: #000000;
  --navigation-stroke-brand: #e94e1a;
  --navigation-stroke-brand-subtle: #f79e6e;
  --navigation-action-brand: #e94e1a;
  --navigation-action-brand-hover: #9d3410;
  --navigation-action-primary: #000000;
  --navigation-action-primary-hover: #000000eb;
  --navigation-bg: #ffffff;
  --navigation-bg-2: #ffffff;
  --navigation-surface: #2d2f330f;
  --navigation-surface-2: #2d2f331a;
  --text-secondary: #000000a3;
  --text-tertiary: #2d2f3380;
  --text-disabled: #2d2f3340;
  --text-placeholder: #2d2f3359;
  --text-in-button: #ffffff;
  --icon-secondary: #2d2f33b8;
  --icon-tertiary: #2d2f3380;
  --icon-in-button: #ffffff;
  --bg-base: #ffffff;
  --bg-content: #ffffff;
  --layer-inverse-floor-0-base: #000000;
  --surface-transparent-1: #2d2f330a;
  --surface-transparent-2: #2d2f330f;
  --surface-transparent-3: #2d2f331a;
  --surface-transparent-4: #2d2f3340;
  --surface-transparent-7: #000000a3;
  --surface-inverse-transparent-2: #d7d9db1a;
  --surface-inverse-transparent-3: #d7d9db24;
  --surface-inverse-transparent-4: #d7d9db52;
  --surface-inverse-transparent-6: #d7d9db80;
  --surface-inverse-transparent-8: #ffffffb8;
  --graphic-regular-white: #ffffff;
  --graphic-regular-black: #000000;
  --graphic-regular-red: #e31b54;
  --graphic-regular-rose: #eb7dba;
  --graphic-muted-red: #e69b95;
  --graphic-transparent-brand-10: #e94e1a1a;
  --graphic-transparent-brand-35: #e94e1a59;
  --graphic-transparent-white-40: #ffffff66;
  --graphic-transparent-white-25: #ffffff40;
}