:root {
  /* Brand Base Colors */
  --c-black: #000000;            /* True black from logo text */
  --c-grey-darker: #1A1A1A;
  --c-grey-dark: #333333;
  --c-grey: #666666;
  --c-grey-light: #D1D1D1;
  --c-grey-lighter: #EBEBEB;
  --c-grey-lightest: #F5F5F5;
  --c-white: #FFFFFF;

  /* Brand Primary & Accent */
  --c-primary: #EE1C25;          /* The bold Red from the 'H' and banner */
  --c-action: #EE1C25;           /* Primary action color */
  --c-background: #FFFFFF;
  --c-pale-background: #F8F9FA;

  /* Text Colors */
  --c-positive: #10B981;
  --c-negative: #EE1C25;
  --c-text-dark: var(--c-black);
  --c-text: var(--c-grey-darker);
  --c-text-light: var(--c-white);

  /* Buttons & Links */
  --page-background-color: var(--c-background);
  --primary-button-background-color: var(--c-action);
  --primary-button-color: var(--c-white);
  --button-border-radius: 2px;   /* Sharper corners for an industrial look */

  --link: var(--c-action);
  --link-hover: #C4121A;         /* Darker shade of the logo red */
  --link-active: #9B0E14;

  /* Navbar */
  --nav-background-color: var(--c-black);
  --nav-text-color: var(--c-white);
  --nav-button-background-color: var(--c-action);
  --nav-button-border-color: var(--c-action);
  --nav-button-text-color: var(--c-white);
  --nav-link-color: var(--c-white);
  --nav-shadow-color: rgba(0, 0, 0, 0.2);

  /* Hero & Callouts */
  --hero-background-color: var(--c-black);
  --hero-title-color: var(--c-white);
  --hero-text-color: var(--c-grey-lightest);
  --hero-button-background-color: var(--c-action);
  --hero-button-border-color: var(--c-action);
  --hero-button-text-color: var(--c-white);

  --hero-benefits-background-color: var(--c-action);
  --hero-benefits-text-color: var(--c-white);
  --hero-benefits-icon-color: var(--c-white);

  --callout-background-color: var(--c-grey-lightest);
  --callout-text-color: var(--c-text);

  /* Feature Buttons */
  --feature-section-button-background-color: var(--c-action);
  --feature-section-button-border-color: var(--c-action);
  --feature-section-button-text-color: var(--c-white);

  /* Reviews & Stars */
  --review-section-star-icons: var(--c-action);

  /* Footer */
  --footer-banner-background-color: var(--c-black);
  --footer-banner-title-color: var(--c-white);
  --footer-banner-text-color: var(--c-white);
  --footer-banner-button-background-color: var(--c-action);
  --footer-banner-button-text-color: var(--c-white);

  --footer-background-color: #0A0A0A;
  --footer-text-color: var(--c-grey-light);
  --footer-link-color: var(--c-action);

  /* Borders */
  --border-color: rgba(0, 0, 0, 0.15);
}