:root {
  --color-lightest:  #cad2c5;
  --color-light:     #84a98c;
  --color-mid:       #52796f;
  --color-dark:      #354f52;
  --color-darkest:   #2f3e46;

  /* Variant C semantic — bold, high contrast */
  --color-primary:        var(--color-mid);
  --color-primary-dark:   var(--color-dark);
  --color-surface:        #ffffff;
  --color-surface-alt:    #f5f7f5;
  --color-text-body:      #1a2a2e;
  --color-text-muted:     #4a5e62;
  --color-text-on-dark:   #ffffff;
  --color-border:         var(--color-lightest);
  --color-nav-bg:         var(--color-darkest);
  --color-nav-text:       #ffffff;
  --color-footer-bg:      var(--color-darkest);
  --color-hero-bg:        var(--color-darkest);
  --color-cta-bg:         var(--color-mid);
  --color-cta-text:       #ffffff;
  --color-button-bg:      var(--color-mid);
  --color-button-hover:   var(--color-dark);
  --color-card-accent:    var(--color-light);
  --color-trust-bg:       var(--color-darkest);
  --color-trust-text:     #ffffff;
  --color-trust-accent:   var(--color-light);
  --color-watermark:      var(--color-lightest);

  /* Typography */
  --font-heading: 'Montserrat', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;

  /* Spacing */
  --section-padding: 5.5rem 0;
  --container-max: 1200px;
  --border-radius: 2px;
  --border-radius-btn: 2px;
  --card-accent-width: 4px;
}