/* HHC THEME VARIABLES   [data-theme="hhc"] {} */
:root{
  /* color */
  --amber-50: #fffbeb;
  --base-background: var(--theme-background, #ffffff);
  --base-black: #000000;
  --base-border: var(--neutral-100, #e8e6e6);
  --base-color: var(--primary-950, #190900);
  --base-white: #ffffff;
  --info-100: #d6e0ff;
  --info-200: #a8bdff;
  --info-300: #809dff;
  --info-400: #527aff;
  --info-50: #ebefff;
  --info-50: #ebefff;
  --info-500: #295bff;
  --info-600: #0037eb;
  --info-700: #002ab3;
  --info-800: #001b75;
  --info-900: #000e3d;
  --info-950: #00071f;
  --info-base: var(--info-500, #295bff);
  --negative-100: #fcd9de;
  --negative-200: #fab3bd;
  --negative-300: #f78c9c;
  --negative-400: #f5667a;
  --negative-50: #feecee;
  --negative-500: #f2415a;
  --negative-600: #e5102e;
  --negative-700: #ac0c22;
  --negative-800: #730817;
  --negative-900: #39040b;
  --negative-950: #1d0206;
  --negative-base: var(--negative-500, #f2415a);
  --neutral-100: #e8e6e6;
  --neutral-200: #d8d5d4;
  --neutral-300: #c6c2bf;
  --neutral-400: #b5b0ad;
  --neutral-50: #f8f8f7;
  --neutral-500: #98908c;
  --neutral-600: #756b66;
  --neutral-700: #534740;
  --neutral-800: #473a33;
  --neutral-900: #30221a;
  --neutral-950: #190900;
  --neutral-base: var(--neutral-500, #98908c);
  --positive-100: #d0f5e1;
  --positive-200: #a2ecc2;
  --positive-300: #73e2a4;
  --positive-400: #45d985;
  --positive-50: #e6faee;
  --positive-500: #27be69;
  --positive-600: #1f9854;
  --positive-700: #17723f;
  --positive-800: #104c2a;
  --positive-900: #082615;
  --positive-950: #031109;
  --positive-base: var(--positive-500, #27be69);
  --primary-100: #feddcd;
  --primary-200: #febf9f;
  --primary-300: #fd9d6d;
  --primary-400: #fd7b3b;
  --primary-50: #ffeee6;
  --primary-500: #fc5a0a;
  --primary-600: #cf4603;
  --primary-700: #9C1414;
  --primary-800: #6a2401;
  --primary-900: #321101;
  --primary-950: #190900;
  --primary-base: var(--primary-700, #9C1414);
  --quaternary-100: #d5fecd;
  --quaternary-200: #affe9f;
  --quaternary-300: #85fd6d;
  --quaternary-400: #5bfd3b;
  --quaternary-50: #eaffe6;
  --quaternary-500: #33fc0a;
  --quaternary-600: #25cf03;
  --quaternary-700: #1c9c02;
  --quaternary-800: #136a01;
  --quaternary-900: #093201;
  --quaternary-950: #051900;
  --quaternary-base: var(--quaternary-500, #33fc0a);
  --secondary-100: #aee3fe;
  --secondary-200: #62c9fe;
  --secondary-300: #11aefb;
  --secondary-400: #027dbb;
  --secondary-50: #d7f1ff;
  --secondary-500: #01486c;
  --secondary-600: #013956;
  --secondary-700: #012c42;
  --secondary-800: #001e2d;
  --secondary-900: #000d14;
  --secondary-950: #00070a;
  --secondary-base: var(--secondary-500, #01486c);
  --slate-50: #f8fafc;
  --tertiary-100: #f6cdfe;
  --tertiary-200: #ee9ffe;
  --tertiary-300: #e56dfd;
  --tertiary-400: #dc3bfd;
  --tertiary-50: #fae6ff;
  --tertiary-500: #d30afc;
  --tertiary-600: #ac03cf;
  --tertiary-700: #82029c;
  --tertiary-800: #58016a;
  --tertiary-900: #2a0132;
  --tertiary-950: #150019;
  --tertiary-base: var(--tertiary-500, #d30afc);
  --tour-blue-bell: #a09ccb;
  --tour-candlelight: #fed420;
  --tour-crimson: #ee393b;
  --tour-crusta: #f37026;
  --tour-frolly: #f17e8b;
  --tour-mabel: #def8ff;
  --tour-malachite: #00b207;
  --tour-texas-rose: #fcb051;
  --tour-venice-blue: #125389;
  --warning-100: #fff3d1;
  --warning-200: #ffe59e;
  --warning-300: #ffd970;
  --warning-400: #ffcb3d;
  --warning-50: #fff8e5;
  --warning-500: #ffbf0f;
  --warning-600: #d69d00;
  --warning-700: #a37800;
  --warning-800: #6b4f00;
  --warning-900: #382900;
  --warning-950: #1a1300;
  --warning-base: var(--warning-500, #ffbf0f);
  /* number */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-md: 1.25rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 1.75rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 2.25rem;
  --font-size-4xl: 2.5rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-size-7xl: 4.5rem;
  --font-size-8xl: 5.5rem;
  --font-size-9xl: 6rem;
  --font-size-10xl: 8rem;
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --utilities-border-radius-none: 0rem;
  --utilities-border-radius-xs: 0.125rem;
  --utilities-border-radius-sm: 0.25rem;
  --utilities-border-radius-md: 0.375rem;
  --utilities-border-radius-lg: 0.5rem;
  --utilities-border-radius-xl: 0.75rem;
  --utilities-border-radius-2xl: 1rem;
  --utilities-border-radius-3xl: 1.5rem;
  --utilities-border-radius-4xl: 2rem;
  --utilities-border-radius-full: 624.9375rem;
  --utilities-opacity-0: 0rem;
  --utilities-opacity-5: 0.3125rem;
  --utilities-opacity-10: 0.625rem;
  --utilities-opacity-15: 0.9375rem;
  --utilities-opacity-20: 1.25rem;
  --utilities-opacity-25: 1.5625rem;
  --utilities-opacity-30: 1.875rem;
  --utilities-opacity-35: 2.1875rem;
  --utilities-opacity-40: 2.5rem;
  --utilities-opacity-45: 2.8125rem;
  --utilities-opacity-50: 3.125rem;
  --utilities-opacity-55: 3.4375rem;
  --utilities-opacity-60: 3.75rem;
  --utilities-opacity-65: 4.0625rem;
  --utilities-opacity-70: 4.375rem;
  --utilities-opacity-75: 4.6875rem;
  --utilities-opacity-80: 5rem;
  --utilities-opacity-85: 5.3125rem;
  --utilities-opacity-90: 5.625rem;
  --utilities-opacity-95: 5.9375rem;
  --utilities-opacity-100: 6.25rem;
  --utilities-spacing-0: 0rem;
  --utilities-spacing-px: 0.0625rem;
  --utilities-spacing-0-5: 0.125rem;
  --utilities-spacing-1: 0.25rem;
  --utilities-spacing-1-5: 0.375rem;
  --utilities-spacing-2: 0.5rem;
  --utilities-spacing-2-5: 0.625rem;
  --utilities-spacing-3: 0.75rem;
  --utilities-spacing-3-5: 0.875rem;
  --utilities-spacing-4: 1rem;
  --utilities-spacing-5: 1.25rem;
  --utilities-spacing-6: 1.5rem;
  --utilities-spacing-7: 1.75rem;
  --utilities-spacing-8: 2rem;
  --utilities-spacing-9: 2.25rem;
  --utilities-spacing-10: 2.5rem;
  --utilities-spacing-11: 2.75rem;
  --utilities-spacing-12: 3rem;
  --utilities-spacing-14: 3.5rem;
  /* string */
  --font-family-body: var(--theme-font-family-body, Montserrat);
  --font-family-heading: var(--theme-font-family-heading, Fira Sans);
  --font-style-italic: italic;
  --font-style-normal: normal;
  --theme-font-family-body: Montserrat;
  --theme-font-family-heading: Fira Sans;


}