:root {
  /* =========================================
   Archived Colors
   ========================================= */
  --darkorange-color: var(--text-hover-default);
  --dark-orange-color: var(--text-hover-default);
  --text-color: var(--text-primary-default);
  --grey-color: var(--soft-white);
  --grey2-color: var(--soft-white);
  --grey1-color: var(--soft-white);
  --blue-color: var(--secondary-color);
  --navy-color: var(--secondary-color);
  --darkblue-color: var(--secondary-color);
  --error-color: #c90000;
  --friday-primary-color: var(--secondary-color);
  --friday-secondary-color: var(--primary-color);
  --carrot-link-color: var(--text-primary-default);
  --carrot-link-hover-color: var(--text-hover-default);
  --blue-inline-color: var(--text-primary-default);
  --blue-inline-hover-color: var(--text-hover-default);
  --link-blue-color: var(--blue-color);
  --link-blue-hover-color: var(--primary-color);
  --hilton-color: #105fa8;
  /* =========================================
   Fonts
   ========================================= */
  /* --primary-font: "Horizon"; */
  --secondary-font: "dp-graphik";
  --primary-font: "dp-horizon";
  --primary-font-regular: "dp-horizon-regular";
  --primary-font-h4: "dp-horizon-H4";

  /* =========================================
   New Rebranded Colors
   ========================================= */
  --primary-color: #ff4c00;
  --secondary-color: #290001;
  --text-accent: var(--secondary-color);
  --afternoon-maroon: var(--secondary-color);
  --text-primary-default: #190505;
  --text-hover-default: #ad3300;
  --text-primary-dark: var(--white-color);
  --text-hover-dark: var(--primary-color);
  --dawn-orange: var(--primary-color);
  --surface-accent-cyan: #1ce5ff;
  --daybreak-blue: #1ce5ff;
  --cyan-light: #D2FAFF;

  /* =========================================
   Neutral Colors
   ========================================= */
  --white-color: #ffffff;
  --black-color: #000000;
  --surface-subtle: #fff1e6;
  --soft-white: #fff1e6;

  /* =========================================
   Text Link Colors
   ========================================= */
  --text-link-primary: #190505;
  --text-link-primary-hover: #ad3300;
  --text-link-primary-disabled: #918b89;

  /* Text Colors */
  --text-secondary-color: #4a4443;
  --text-tertiary-color: #6b6462;
  --text-disabled-color: #b4aeac;
  --text-placeholder-color: #b4aeac;
  --text-highlight-color: var(--primary-color);
  --text-accent-color: var(--secondary-color);
  --text-eyebrow-color: #ad3300;
  --text-on-dark-color: var(--white-color);
  --text-on-light-color: var(--text-primary-default);
  --text-footnotes-color: ##6b6462;

  /* Text Sentiment Colors */
  --text-sentiment-negative-color: #c90000;
  --text-sentiment-success-color: #0e6027;

  /* =========================================
   Surface Colors
   ========================================= */
  --surface-default: var(--white-color);
  --surface-subtle: var(--soft-white);
  --surface-overlay: #ece7e5;
  --surface-inverse: #240a00;
  --surface-accent: var(--primary-color);
  --surface-accent-subtle: #ffdbcc;
  --surface-accent-cyan: #1ce5ff;
  --surface-accent-cyan-subtle: #b3f6ff;
  --surface-accent-maroon: var(--secondary-color);
  --surface-accent-maroon-subtle: #faf2f3;
  --surface-disabled: #ffffff;
  --surface-transparent: transparent;

  /* Surface Sentiment Colors */
  --surface-sentiment-negative-light: #fff1f1;
  --surface-sentiment-success-light: #f3fff1;

  /* =========================================
   Border Colors
   ========================================= */
  --border-default: #d6d1cf;
  --border-strong: #b4aeac;
  --border-subtle: #ece7e5;
  --border-extra-subtle: #f5f2f1;
  --border-focus: #832700;
  --border-disabled: #f5f2f1;
  --border-primary: #290001;
  --border-highlight: var(--primary-color);
  --border-accent: #1ce5ff;

  /* Surface Sentiment Colors */
  --border-sentiment-negative-color: #ffd7d9;
  --border-sentiment-success-color: #d4ffcf;

  /* =========================================
   Primary Button Colors
   ========================================= */
  --btn-color-bg-primary: var(--secondary-color);
  --btn-color-bg-primary-hover: #421617;
  --btn-color-bg-primary-pressed: #582b2c;
  --btn-color-bg-primary-disabled: #ece7e5;
  --btn-color-bg-primary-focused: var(--border-focus);
  --btn-color-content-primary: var(--white-color);
  --btn-color-content-primary-hover: var(--white-color);
  --btn-color-content-primary-pressed: var(--white-color);
  --btn-color-content-primary-disabled: #6b6462;

  /* =========================================
   Secondary Button Colors
   ========================================= */
  --btn-color-bg-secondary: #f2e5e6;
  --btn-color-bg-secondary-hover: #faf2f3;
  --btn-color-bg-secondary-pressed: #dec1c2;
  --btn-color-bg-secondary-disabled: #ece7e5;
  --btn-color-bg-secondary-focused: var(--border-focus);
  --btn-color-content-secondary: var(--secondary-color);
  --btn-color-content-secondary-hover: var(--secondary-color);
  --btn-color-content-secondary-pressed: var(--secondary-color);
  --btn-color-content-secondary-disabled: #6b6462;

  /* =========================================
   Outline Button Colors
   ========================================= */
  --btn-color-bg-outline: transparent;
  --btn-color-border-outline: var(--secondary-color);
  --btn-color-bg-outline-hover: #faf2f3;
  --btn-color-bg-outline-pressed: #dec1c2;
  --btn-color-bg-outline-disabled: transparent;
  --btn-color-bg-outline-focused: var(--border-focus);
  --btn-color-content-outline: var(--secondary-color);
  --btn-color-content-outline-hover: var(--secondary-color);
  --btn-color-content-outline-pressed: var(--secondary-color);
  --btn-color-content-outline-disabled: #6b6462;

  /* Brand Primary Button colors */
  --btn-brand-color-bg-primary: var(--primary-color);
  --btn-brand-color-bg-primary-hover: #ad3300;
  --btn-brand-color-bg-primary-pressed: #832700;
  --btn-brand-color-bg-primary-disabled: var(--border-subtle);
  --btn-brand-color-bg-primary-focused: var(--primary-color);
  --btn-brand-color-content-primary: var(--text-primary-default);
  --btn-brand-color-content-primary-hover: var(--white-color);
  --btn-brand-color-content-primary-pressed: var(--white-color);
  --btn-brand-color-content-primary-disabled: var(--border-subtle);

  /* =========================================
   Brand Secondary Colors
   ========================================= */
  --btn-brand-color-bg-secondary: #ffc3aa;
  --btn-brand-color-bg-secondary-hover: #ffdbcc;
  --btn-brand-color-bg-secondary-pressed: #ffa580;
  --btn-brand-color-bg-secondary-disabled: #ece7e5;
  --btn-brand-color-bg-secondary-focused: var(--border-focus);
  --btn-brand-color-content-secondary: #290001;
  --btn-brand-color-content-secondary-hover: #290001;
  --btn-brand-color-content-secondary-pressed: #290001;
  --btn-brand-color-content-secondary-disabled: var(--border-subtle);

  /* =========================================
   Brand OUtline Colors
   ========================================= */
  --btn-brand-color-bg-outline: transparent;
  --btn-brand-color-border-outline: #290001;
  --btn-brand-color-bg-outline-hover: #ffdbcc;
  --btn-brand-color-bg-outline-pressed: #ffc3aa;
  --btn-brand-color-bg-outline-disabled: transparent;
  --btn-brand-color-bg-outline-focused: var(--border-focus);
  --btn-brand-color-content-outline: var(--secondary-color);
  --btn-brand-color-content-outline-hover: var(--secondary-color);
  --btn-brand-color-content-outline-pressed: var(--secondary-color);
  --btn-brand-color-content-outline-disabled: #6b6462;
  --btn-brand-color-content-secondary: #290001;
  --btn-brand-color-content-secondary-hover: #290001;
  --btn-brand-color-content-secondary-pressed: #290001;
  --btn-brand-color-content-secondary-disabled: var(--border-subtle);

  /* =========================================
   Brand Dark Colors
   ========================================= */
  --btn-brand-dark-color-bg-hover: #FF6A2B;
  --btn-brand-dark-color-bg-active: #F85;

  /* =========================================
   Button Icon Colors
   ========================================= */
  --btn-icon-bg-color-outline: #421617;
  --btn-icon-content-color-outline: var(--secondary-color);
  --btn-icon-color-disabled: #b4aeac;

  /* =========================================
   Icon Colors
   ========================================= */
  --icon-primary-color: var(--text-primary-default);
  --icon-secondary-color: #4a4443;
  --icon-tertiary-color: #6b6462;
  --icon-accent-color: var(--primary-color);
  --icon-disabled-color: #d6d1cf;
  --icon-on-dark-color: #ffffff;
  --icon-on-light-color: var(--text-primary-default);
  --icon-link-color: var(--text-primary-default);
}