:root {
  --section-2-background: #f5f5f5;
  --section-2-text-color: #1d1d1d;
  --section-2-heading-color: hsl(0, 0%, 0%);
  --challenge-background: #ffffff;
  --challenge-box-shadow: rgba(0, 0, 0, 0.1);
  --challenge-hover-box-shadow: rgba(0, 0, 0, 0.3);
  --icon-color: hsl(0, 100%, 50%);
  --challenge-title-color: #333333;
  --solution-background: hsl(200, 100%, 50%);
  --solution-box-shadow: rgba(0, 0, 0, 0.3);
  --solution-hover-box-shadow: rgba(0, 0, 0, 0.3);
  --solution-title-color: #000000;
  --solution-description-color: #000000;
  --solution-benefits-color: #000000;

  --section-3-background: #f9f9f9;
  --section-3-heading-color: hsl(0, 0%, 0%);
  --section-3-intro-color: #000000;
  --feature-item-background: hsl(200, 100%, 65%);
  --feature-item-text-color: #333333;
  --feature-item-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
  --feature-item-hover-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);

  /* Section 4 Colors */
  --section-4-background: #f9f9f9;
  --section-4-container-background: #ffffff;
  --section-4-heading-color: hsl(0, 0%, 0%);
  --section-4-text-color: #000000;
  --section-4-subtext-color: #000000;
  --section-4-item-background: #ffffff;
  --section-4-item-hover-background: hsl(200, 100%, 50%);
  --section-4-item-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  --section-4-item-hover-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
  --section-4-icon-color: hsl(200, 100%, 50%);
  --section-4-item-text-color: #333333;
  --section-4-item-hover-text-color: #000000;

  /* Section 5 Colors */
  --section-5-background: #f9f9f9;
  --section-5-text-color: #000000;
  --section-5-heading-color: hsl(0, 0%, 0%);
  --section-5-subtext-color: #1e1e1e;
  --section-5-item-background: #ffffff;
  --section-5-item-hover-background: hsl(200, 100%, 50%);
  --section-5-item-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  --section-5-item-hover-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
  --section-5-icon-color: hsl(200, 100%, 50%);
  --section-5-item-text-color: #222222;
  --section-5-item-hover-text-color: #1c1c1c;

  /* Section 6 Colors */
  --section-6-background: #e4e4e4;
  --section-6-text-color: #ffffff;
  --section-6-heading-color: hsl(0, 0%, 1%);
  --section-6-item-background: #c8c8c8;
  --section-6-item-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  --section-6-item-hover-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
  --section-6-item-border-color: hsl(200, 100%, 50%);
  --section-6-item-text-color: #222222;
}