:root {
  /* ---------------- Iceland ---------------- */
  --color-iceland-100: #FBF9F6;
  --color-iceland-200: #F9F6F0;
  --color-iceland-300: #F3EDE2;
  --color-iceland-400: #EDE6D5;
  --color-iceland-500: #D1C9B8;
  --color-iceland-600: #A09A8D;
  --color-iceland-700: #767168;
  --color-iceland-800: #524F48;
  --color-iceland-900: #34322E;
  --color-iceland-1000: #1D1C1A;
  --color-iceland-1100: #0D0D0C;
  --color-iceland-1200: #030303;
  --color-iceland-light-100: #FBFAF6;

  /* ---------------- Cherry ---------------- */
  --color-cherry-50: #FFE7E5;
  --color-cherry-100: #FFD7D4;
  --color-cherry-200: #FFCFCB;
  --color-cherry-300: #FFC6C2;
  --color-cherry-400: #E8A7A8;
  --color-cherry-500: #C67982;
  --color-cherry-600: #A44C5C;
  --color-cherry-700: #86233A;
  --color-cherry-800: #711A36;
  --color-cherry-900: #5D1231;
  --color-cherry-1000: #530E2F;
  --color-cherry-1100: #470C28;
  --color-cherry-1200: #3A0A21;

  /* ---------------- Amazon ---------------- */
  --color-amazon-50: #E7F9F1;
  --color-amazon-100: #C8F2E0;
  --color-amazon-200: #BCF0DA;
  --color-amazon-300: #B0EDD3;
  --color-amazon-400: #9AD4BB;
  --color-amazon-500: #7BAF98;
  --color-amazon-600: #5B8A76;
  --color-amazon-700: #396350;
  --color-amazon-800: #245547;
  --color-amazon-900: #0D473D;
  --color-amazon-1000: #013F38;
  --color-amazon-1100: #013630;
  --color-amazon-1200: #002B27;

  /* ---------------- Azure ---------------- */
  --color-azure-50: #DAF2FB;
  --color-azure-100: #B0E2F5;
  --color-azure-200: #9FDBF3;
  --color-azure-300: #8ED5F1;
  --color-azure-400: #7BBCD8;
  --color-azure-500: #5E96B2;
  --color-azure-600: #41718D;
  --color-azure-700: #264F6B;
  --color-azure-800: #1F3D5B;
  --color-azure-900: #182D4C;
  --color-azure-1000: #121F3F;
  --color-azure-1100: #0F1A36;
  --color-azure-1200: #0D162C;

  /* ---------------- Amber ---------------- */
  --color-amber-50: #FFF1DB;
  --color-amber-100: #FFE3B8;
  --color-amber-200: #FEDAA4;
  --color-amber-300: #FECE86;
  --color-amber-400: #FFC266;
  --color-amber-500: #FDB444;
  --color-amber-600: #FDA620;
  --color-amber-700: #F19202;
  --color-amber-800: #D98402;
  --color-amber-900: #BB7202;
  --color-amber-1000: #985C01;
  --color-amber-1100: #7A4A01;
  --color-amber-1200: #422801;

  /* ---------------- Accent ---------------- */
  --color-accent-coral: #FF5A58;
  --color-accent-amazon: #21E9A0;
  --color-accent-azure: #80F4FC;
  --color-accent-citrine: #FFE15A;

  /* ---------------- Contrast ---------------- */
  --color-contrast-100: #FFFFFF;
  --color-contrast-200: #000000;

  --color-opacity-contrast-100-5: #FFFFFF0D;
  --color-opacity-contrast-100-10: #FFFFFF1A;
  --color-opacity-contrast-100-25: #FFFFFF40;
  --color-opacity-contrast-100-50: #FFFFFF80;

  --color-opacity-contrast-200-5: #0000000D;
  --color-opacity-contrast-200-10: #0000001A;
  --color-opacity-contrast-200-25: #00000040;
  --color-opacity-contrast-200-50: #00000080;

  /* ---------------- Error ---------------- */
  --color-error-100: #F9E6EA;
  --color-error-200: #F4CCD5;
  --color-error-300: #EEB3C1;
  --color-error-400: #E899AC;
  --color-error-500: #E38097;
  --color-error-600: #DD6782;
  --color-error-700: #D74D6D;
  --color-error-800: #D13459;
  --color-error-900: #CC1A44;
  --color-error-1000: #C6012F;
  --color-error-1100: #7A0000;
  --color-error-1200: #2D0000;

  /* ---------------- Caution ---------------- */
  --color-caution-100: #FEF4E6;
  --color-caution-200: #FCE9CC;
  --color-caution-300: #FBDEB3;
  --color-caution-400: #F9D49A;
  --color-caution-500: #F8C981;
  --color-caution-600: #F7BE67;
  --color-caution-700: #F5B34E;
  --color-caution-800: #F4A835;
  --color-caution-900: #F39D1B;
  --color-caution-1000: #F19202;
  --color-caution-1100: #8E5601;
  --color-caution-1200: #311D02;

  /* ---------------- Success ---------------- */
  --color-success-100: #E5F5EE;
  --color-success-200: #CCEBDD;
  --color-success-300: #B2E1CC;
  --color-success-400: #99D7BB;
  --color-success-500: #80CEAA;
  --color-success-600: #66C499;
  --color-success-700: #4DBA88;
  --color-success-800: #33B077;
  --color-success-900: #1AA666;
  --color-success-1000: #009C56;
  --color-success-1100: #005009;
  --color-success-1200: #001D00;

  /* ---------------- Information ---------------- */
  --color-information-100: #E6F0F8;
  --color-information-200: #CCE2F0;
  --color-information-300: #B3D3E9;
  --color-information-400: #9AC4E2;
  --color-information-500: #80B6DA;
  --color-information-600: #67A7D3;
  --color-information-700: #4E99CC;
  --color-information-800: #348AC4;
  --color-information-900: #1B7BBD;
  --color-information-1000: #026DB6;
  --color-information-1100: #014C7E;
  --color-information-1200: #0C1B27;


  /* ---------------- global elements ---------------- */
  --navbar-light: rgba(251, 249, 246, 0.95);
  --navbar-menu-light: rgba(251, 249, 246, 0.8);
  --navbar-dark: linear-gradient(180deg, rgba(3, 3, 3, 0.80) 0%, rgba(3, 3, 3, 0.00) 100%);
}

/* Light theme */
:root,
:root[data-theme="light"] {
  --color-icon-icon-default: var(--color-iceland-1000);
  --color-icon-icon-on-light-1000: var(--color-terrestrial-1000);
  --color-icon-icon-on-dark-1000: var(--color-terrestrial-800);

  --color-text-text-default: var(--color-terrestrial-1000);
  --color-text-text-on-light-1000: var(--color-terrestrial-700);
  --color-text-text-on-dark-1000: var(--color-terrestrial-900);

  --color-background-background-default: var(--color-vanilla-1000);
  --color-background-background-on-light-1000: var(--color-vanilla-800);
  --color-background-background-on-dark-1000: var(--color-vanilla-900);

  --color-nav-nav-bar: var(--color-vanilla-1000);
  --color-nav-nav-divider: var(--color-vanilla-800);
  --color-nav-nav-text: var(--color-terrestrial-1000);
  --color-nav-nav-hover: var(--color-vanilla-900);

  --color-card-card-background: var(--color-vanilla-1000);
  --color-card-card-border: var(--color-vanilla-800);

  --color-form-input-background: var(--color-vanilla-1000);
  --color-form-input-border: var(--color-vanilla-800);
  --color-form-input-text: var(--color-terrestrial-1000);
  --color-form-placeholder: var(--color-terrestrial-700);

  --color-button-primary-background: var(--color-iceland-1000);
  --color-button-primary-text: var(--color-vanilla-1000);
  --color-button-secondary-background: var(--color-vanilla-800);
  --color-button-secondary-text: var(--color-terrestrial-1000);

  --color-utility-success: var(--color-kiwi-1000);
  --color-utility-error: var(--color-strawberry-1000);
  --color-utility-warning: var(--color-mango-1000);

  --theme-shadow-level1: var(--shadow-light-1);
  --theme-shadow-level2: var(--shadow-light-2);

  --customer-type: leisure;
}

/* Dark theme */
:root[data-theme="dark"] {
  --color-icon-icon-default: var(--color-iceland-200);
  --color-icon-icon-on-light-1000: var(--color-terrestrial-200);
  --color-icon-icon-on-dark-1000: var(--color-terrestrial-100);

  --color-text-text-default: var(--color-terrestrial-100);
  --color-text-text-on-light-1000: var(--color-terrestrial-300);
  --color-text-text-on-dark-1000: var(--color-terrestrial-50);

  --color-background-background-default: var(--color-vanilla-200);
  --color-background-background-on-light-1000: var(--color-vanilla-300);
  --color-background-background-on-dark-1000: var(--color-vanilla-100);

  --color-nav-nav-bar: var(--color-vanilla-200);
  --color-nav-nav-divider: var(--color-vanilla-300);
  --color-nav-nav-text: var(--color-terrestrial-100);
  --color-nav-nav-hover: var(--color-vanilla-100);

  --color-card-card-background: var(--color-vanilla-200);
  --color-card-card-border: var(--color-vanilla-300);

  --color-form-input-background: var(--color-vanilla-200);
  --color-form-input-border: var(--color-vanilla-400);
  --color-form-input-text: var(--color-terrestrial-100);
  --color-form-placeholder: var(--color-terrestrial-300);

  --color-button-primary-background: var(--color-iceland-200);
  --color-button-primary-text: var(--color-vanilla-200);
  --color-button-secondary-background: var(--color-vanilla-300);
  --color-button-secondary-text: var(--color-terrestrial-100);

  --color-utility-success: var(--color-kiwi-200);
  --color-utility-error: var(--color-strawberry-200);
  --color-utility-warning: var(--color-mango-200);

  --theme-shadow-level1: var(--shadow-dark-1);
  --theme-shadow-level2: var(--shadow-dark-2);

  --customer-type: leisure-dm;
}