:root {
    --color-pink-500: #07a1c7;
    --color-pink-600: #008dac;
    --color-emerald-600: #0062aa;
    --color-emerald-700: #00599f;

    --NegativeEnabled: #b91c1c; /* red-700 */
    --WarningEnabled: #f97316; /* orange-700 */
    --PositiveEnabled: #0062aa; /* emerald-600 */
    --InformationEnabled: #0E7490; /* sky-700 */

    --backgroundNegativeEnabled: --NegativeEnabled;
    --backgroundWarningEnabled: --WarningEnabled;
    --backgroundPositiveEnabled: --PositiveEnabled;
    --backgroundInformationEnabled: --InformationEnabled;

    --borderNegativeEnabled: --NegativeEnabled;
    --borderWarningEnabled: --WarningEnabled;
    --borderPositiveEnabled: --PositiveEnabled;
    --borderInformationEnabled: --InformationEnabled;

    /* Background */
    --backgroundSurfaceEnabled: #ffffff; /* white */
    --backgroundShadowEnabled: #f5f5f5; /* neutral-100 */

    --backgroundLightNegativeEnabled: #fee2e2; /* red-100 */
    --backgroundLightWarningEnabled: #ffedd5; /* orange-100 */
    --backgroundLightPositiveEnabled: #D1FAE5; /* emerald-100 */
    --backgroundLightInfoEnabled: #E0F2FE; /* sky-100 */

    --backgroundAccent: #0062aa; /* emerald-600 */
    --backgroundLightAccent: #D1FAE5; /* emerald-100 */

    --backgroundBrand: #07a1c7; /* pink-500 */
    --backgroundLightBrand: #E0F5FD; /* red-100 */

    --backgroundSandEnabled: #f5f5f4; /* stone-100 */

    --backgroundYellowJacket: #f59e0b; /* amber-500 */

    /* Border */
    --borderStaticEnabled: #e5e5e5; /* neutral-200 */

    --borderInteractiveEnabled: #d4d4d4; /* neutral-300 */
    --borderInteractiveLightEnabled: #ffffff; /* white */
    --borderInteractiveDisabled: #e5e5e5; /* neutral-200 */
    --borderInteractiveHover: #a3a3a3; /* neutral-400 */
    --borderInteractiveActive: #00599f; /* emerald-700 */

    --borderDark: #262626; /* neutral-800 */

    /* Content */
    --contentBrandEnabled: #07a1c7; /* pink-500 */
    --contentBrandDisabled: #a3a3a3; /* neutral-400 */
    --contentBrandHover: #008dac; /* pink-600 */
    --contentBrandFocused: #07a1c7; /* pink-500 */
    --contentBrandActive: #008dac; /* pink-600 */

    --contentAccentEnabled: #0062aa; /* emerald-600 */
    --contentAccentDisabled: #a3a3a3; /* neutral-400 */
    --contentAccentHover: #00599f; /* emerald-700 */
    --contentAccentFocused: #0062aa; /* emerald-600 */
    --contentAccentActive: #00599f; /* emerald-700 */

    --contentPrimaryEnabled: #262626; /* neutral-800 */
    --contentPrimaryDisabled: #a3a3a3; /* neutral-400 */
    --contentPrimaryDisabledShadow: #a3a3a3; /* neutral-400 */
    --contentPrimaryHover: #000000; /* black */
    --contentPrimaryFocused: #262626; /* neutral-800 */
    --contentPrimaryActive: #000000; /* black */

    --contentSecondaryEnabled: #737373; /* neutral-500 */
    --contentSecondaryDisabled: #a3a3a3; /* neutral-400 */
    --contentSecondaryHover: #525252; /* neutral-600 */
    --contentSecondaryFocused: #737373; /* neutral-500 */
    --contentSecondaryActive: #525252; /* neutral-600 */

    --contentPlaceholderEnabled: #737373; /* neutral-500 */

    --contentNegativeEnabled: #b91c1c; /* red-700 */
    --contentPositiveEnabled: #0062aa; /* emerald-600 */
    --contentInformationEnabled: #0E7490; /* sky-700 */
    --contentWarningOnColors: #9A3412; /* orange-800 */
    --contentWarningOnSurface: #C2410C; /* orange-700 */

    --contentContrastEnabled: #ffffff; /* white */

    --contentBrandDark: var(--contentContrastEnabled);

    /* Form control */
    --formControlEnabledSelected: #0062aa; /* emerald-600 */
    --formControlDisabledSelected: #99F6E4; /* emerald-200 */
    --formControlHoverSelected: #00599f; /* emerald-700 */
    --formControlFocusedSelected: #00599f; /* emerald-700 */
    --formControlActiveSelected: #00599f; /* emerald-700 */

    --formControlEnabled: #d4d4d4; /* neutral-300 */
    --formControlDisabled: #e5e5e5; /* neutral-200 */
    --formControlHover: #a3a3a3; /* neutral-400 */
    --formControlFocused: #a3a3a3; /* neutral-400 */
    --formControlActive: #a3a3a3; /* neutral-400 */

    /* Button */
    --buttonImportantEnabled: #07a1c7; /* pink-500 */
    --buttonImportantDisabled: #f5f5f5; /* neutral-100 */
    --buttonImportantHover: #008dac; /* pink-600 */
    --buttonImportantFocused: #07a1c7; /* pink-500 */
    --buttonImportantActive: #008dac; /* pink-600 */
    --buttonImportantLoading: #07a1c7; /* pink-500 */

    --buttonAccentEnabled: #0062aa; /* emerald-600 */
    --buttonAccentDisabled: #f5f5f5; /* neutral-100 */
    --buttonAccentHover: #00599f; /* emerald-700 */
    --buttonAccentFocused: #0062aa; /* emerald-600 */
    --buttonAccentActive: #00599f; /* emerald-700 */
    --buttonAccentLoading: #0062aa; /* emerald-600 */

    --buttonDarkEnabled: #262626; /* neutral-800 */
    --buttonDarkDisabled: #f5f5f5; /* neutral-100 */
    --buttonDarkHover: #000000; /* black */
    --buttonDarkFocused: #262626; /* neutral-800 */
    --buttonDarkActive: #000000; /* black */
    --buttonDarkLoading: #262626; /* neutral-800 */

    --buttonLightEnabled: #ffffff; /* white */
    --buttonLightDisabled: #f5f5f5; /* neutral-100 */
    --buttonLightHover: #ffffff; /* white */
    --buttonLightFocused: #ffffff; /* white */
    --buttonLightActive: #f5f5f5; /* neutral-100 */
    --buttonLightLoading: #ffffff; /* white */

    --buttonDestructiveEnabled: #b91c1c; /* red-700 */
    --buttonDestructiveDisabled: #f5f5f5; /* neutral-100 */
    --buttonDestructiveHover: #991b1b; /* red-800 */
    --buttonDestructiveFocused: #b91c1c; /* red-700 */
    --buttonDestructiveActive: #991b1b; /* red-800 */
    --buttonDestructiveLoading: #b91c1c; /* red-700 */

    --buttonGhostEnabled: transparent; /* transparent */
    --buttonGhostDisabled: #f5f5f5; /* neutral-100 */
    --buttonGhostHover: rgba(0, 0, 0, 0.1);
    --buttonGhostFocused: transparent; /* transparent */
    --buttonGhostActive: rgba(0, 0, 0, 0.16);
    --buttonGhostLoading: transparent; /* transparent */

    /* Others */
    --othersDatepickerRange: #f5f5f5; /* neutral-100 */
    --othersDatepickerRangeUnavailable: #e5e5e5; /* neutral-200 */
    --othersDatepickerSelected: #0062aa; /* emerald-600 */
    --othersDatepickerSelectedUnavailable: #00599f; /* emerald-700 */
    --othersDatepickerUnavailable: #e5e5e5; /* neutral-200 */
    --othersReviewPositive: #0062aa; /* emerald-600 */
    --othersReviewNegative: #e5e5e5; /* neutral-200 */
    --othersDiscounts: #07a1c7; /* pink-500 */

    /* Location map */
    --locationMapBackground: rgba(221, 77, 147, 0.2); /* pink-500/20 */
    --locationMapBorder: #07a1c7; /* pink-500 */

    /* OVERLAYS */
    --overlayLight: rgba(0, 0, 0, 0.1); /* black/10 */
    --overlay: rgba(0, 0, 0, 0.5); /* black/50 */
    --overlayGradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);

    /* FONTS */
    --fontFallbacks: 'Inter', -apple-system, BlinkMacSystemFont, Roboto, sans-serif, 'Helvetica', 'Arial';
    --fontLabor: 'Inter', var(--fontFallbacks);
    --fontTitle: 'Inter', var(--fontFallbacks);

    --fontLaborReg: 400;
    --fontLaborMed: 500;
    --fontLaborSemi: 600;
    --fontLaborBold: 600;
    --fontLaborHeavy: 700;

    --fontTitleReg: var(--fontLaborReg);
    --fontTitleMed: var(--fontLaborMed);
    --fontTitleSemi: var(--fontLaborSemi);
    --fontTitleBold: var(--fontLaborBold);

    /* New brand colors */
    --fillBrand: #07a1c7;
    --contentBrand: #07a1c7;
    --interactiveBrand: #07a1c7;
    --backgroundFooter: var(--contentPrimaryEnabled);
  }