:root {
    --color-pink-500: #02a8b9;
    --color-pink-600: #0493a0;
    --color-emerald-600: #02a8b9;
    --color-emerald-700: #0493a0;


    --NegativeEnabled: #b91c1c; /* red-700 */
    --WarningEnabled: #f97316; /* orange-700 */
    --PositiveEnabled: #02a8b9; /* 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: #02a8b9; /* emerald-600 */
    --backgroundLightAccent: #D1FAE5; /* emerald-100 */

    --backgroundBrand: #02a8b9;; /* pink-500 */
    --backgroundLightBrand: #E0F6F9; /* 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: #0493a0; /* emerald-700 */

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

    /* Content */
    --contentBrandEnabled: #02a8b9; /* pink-500 */
    --contentBrandDisabled: #a3a3a3; /* neutral-400 */
    --contentBrandHover: #0493a0; /* pink-600 */
    --contentBrandFocused: #02a8b9;; /* pink-500 */
    --contentBrandActive: #0493a0; /* pink-600 */

    --contentAccentEnabled: #02a8b9; /* emerald-600 */
    --contentAccentDisabled: #a3a3a3; /* neutral-400 */
    --contentAccentHover: #0493a0; /* emerald-700 */
    --contentAccentFocused: #02a8b9; /* emerald-600 */
    --contentAccentActive: #0493a0; /* 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: #02a8b9; /* emerald-600 */
    --contentInformationEnabled: #0E7490; /* sky-700 */
    --contentWarningOnColors: #9A3412; /* orange-800 */
    --contentWarningOnSurface: #C2410C; /* orange-700 */

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

    --contentBrandDark: var(--contentContrastEnabled);

    /* Form control */
    --formControlEnabledSelected: #02a8b9; /* emerald-600 */
    --formControlDisabledSelected: #99F6E4; /* emerald-200 */
    --formControlHoverSelected: #0493a0; /* emerald-700 */
    --formControlFocusedSelected: #0493a0; /* emerald-700 */
    --formControlActiveSelected: #0493a0; /* emerald-700 */

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

    /* Button */
    --buttonImportantEnabled: #02a8b9;; /* pink-500 */
    --buttonImportantDisabled: #f5f5f5; /* neutral-100 */
    --buttonImportantHover: #0493a0; /* pink-600 */
    --buttonImportantFocused: #02a8b9;; /* pink-500 */
    --buttonImportantActive: #0493a0; /* pink-600 */
    --buttonImportantLoading: #02a8b9;; /* pink-500 */

    --buttonAccentEnabled: #02a8b9; /* emerald-600 */
    --buttonAccentDisabled: #f5f5f5; /* neutral-100 */
    --buttonAccentHover: #0493a0; /* emerald-700 */
    --buttonAccentFocused: #02a8b9; /* emerald-600 */
    --buttonAccentActive: #0493a0; /* emerald-700 */
    --buttonAccentLoading: #02a8b9; /* 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: #02a8b9; /* emerald-600 */
    --othersDatepickerSelectedUnavailable: #0493a0; /* emerald-700 */
    --othersDatepickerUnavailable: #e5e5e5; /* neutral-200 */
    --othersReviewPositive: #02a8b9; /* emerald-600 */
    --othersReviewNegative: #e5e5e5; /* neutral-200 */
    --othersDiscounts: #02a8b9;; /* pink-500 */

    /* Location map */
    --locationMapBackground: rgba(221, 77, 147, 0.2); /* pink-500/20 */
    --locationMapBorder: #02a8b9;; /* 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: #02a8b9;
    --contentBrand: #02a8b9;
    --interactiveBrand: #02a8b9;
    --backgroundFooter: var(--contentPrimaryEnabled);
  }