:root {
  /* Core brand colors */
  --c-black: #1f1f1f;            /* Charcoal paint */
  --c-brick: #8b3f2b;            /* Brick red */
  --c-rust: #b85a32;             /* Accent rust */
  --c-cream: #f3efe8;            /* Painted lettering */
  --c-stone: #d8d2c6;            /* Light neutral */

  --c-grey-dark: #3a3a3a;
  --c-grey: #5a5a5a;
  --c-grey-light: #bdb7ad;

  /* Primary usage */
  --c-primary: var(--c-cream);
  --c-action: var(--c-brick);
  --c-background: var(--c-cream);
  --c-pale-background: #faf8f4;

  --c-positive: #2f7d32;
  --c-negative: #b23a2f;

  --c-text-dark: var(--c-black);
  --c-text: var(--c-grey-dark);
  --c-text-light: var(--c-cream);

  /* Page */
  --page-background-color: var(--c-background);
  --border-color: rgba(0,0,0,0.08);

  /* Buttons */
  --primary-button-background-color: var(--c-brick);
  --primary-button-color: var(--c-cream);
  --button-border-radius: 2px; /* sharper, more industrial */

  /* Links & icons */
  --link: var(--c-brick);
  --link-hover: var(--c-rust);
  --link-active: var(--c-rust);
  --c-icon: var(--c-brick);

  /* Info bar */
  --info-bar-background-color: var(--c-brick);
  --info-bar-text-color: var(--c-cream);
  --info-bar-link-color: var(--c-rust);
  --info-bar-announce-background-color: var(--c-brick);
  --info-bar-announce-text-color: var(--c-cream);

  /* Navigation */
  --nav-background-color: var(--c-cream);
  --nav-text-color: var(--c-black);
  --nav-link-color: var(--c-black);
  --nav-button-background-color: var(--c-brick);
  --nav-button-border-color: var(--c-brick);
  --nav-button-text-color: var(--c-cream);
  --nav-shadow-color: rgba(0,0,0,0.05);

  /* Hero */
  --hero-background-color: var(--c-cream);
  --hero-title-color: var(--c-black);
  --hero-text-color: var(--c-grey-dark);
  --hero-button-background-color: var(--c-brick);
  --hero-button-border-color: var(--c-brick);
  --hero-button-text-color: var(--c-cream);
  --hero-secondary-button-text-color: var(--c-brick);
  --hero-secondary-button-border-color: var(--c-brick);

  /* Selling points bar */
  --hero-benefits-background-color: var(--c-black);
  --hero-benefits-text-color: var(--c-cream);
  --hero-benefits-icon-color: var(--c-rust);

  /* Callouts */
  --callout-background-color: var(--c-black);
  --callout-text-color: var(--c-cream);

  /* Features */
  --feature-section-button-background-color: var(--c-brick);
  --feature-section-button-border-color: var(--c-brick);
  --feature-section-button-text-color: var(--c-cream);

  /* How it works */
  --how-it-works-background-color: #262626;
  --how-it-works-title-color: var(--c-cream);
  --how-it-works-number-color: var(--c-rust);
  --how-it-works-subtitle-color: var(--c-rust);
  --how-it-works-text-color: var(--c-stone);

  /* Reviews */
  --review-section-star-icons: var(--c-rust);
  --reviews-section-button-background: #f1eee8;
  --reviews-section-button-border: var(--c-grey-light);
  --reviews-section-button-text: var(--c-brick);

  /* Footer banner */
  --footer-banner-background-color: var(--c-brick);
  --footer-banner-title-color: var(--c-cream);
  --foote