:root {
  /* — Brand core — */
  --green-500: #A3C42A;   /* Primärgrün — logo, headings, buttons, active nav */
  --green-400: #CDDB00;   /* Sekundärgrün — hover states, logo details */
  --green-600: #8FAD24;   /* pressed / darker green */
  --green-050: #F2F6DF;   /* pale green tint for subtle fills */
  --red-500:   #CF2E2E;   /* Signalrot — hard CTAs, scroll-to-top */
  --red-600:   #B72525;   /* red hover */

  /* — Neutrals — */
  --gray-900: #141413;    /* Fast-Schwarz — strongest contrast */
  --gray-700: #605D5C;    /* Textgrau — body copy, navigation */
  --gray-500: #8C8988;    /* muted captions, meta text */
  --gray-300: #C9C7C5;    /* hairlines, disabled */
  --gray-100: #F6F6F6;    /* light section background */
  --cream-050: #FAF9F5;   /* warm cream section background */
  --white:    #FFFFFF;

  /* — BGSN-Gruppe subsidiary colors (bubble logos) — */
  --group-service: #A3C42A;  /* BGSN Service GmbH */
  --group-gtl:     #4A7CA8;  /* GTL Gebäudetrocknung Lang GmbH */
  --group-ml:      #C23B3B;  /* ML Maler Lemmen GmbH */
  --group-a2:      #9C7A2F;  /* A² Objektverwaltung GmbH */
  --group-fs:      #3B6EA5;  /* FS Fliesen Siebentritt GmbH */

  /* — Semantic aliases — */
  --brand:            var(--green-500);
  --brand-hover:      var(--green-400);
  --brand-press:      var(--green-600);
  --accent-cta:       var(--red-500);
  --accent-cta-hover: var(--red-600);

  --text-heading:   var(--green-500);
  --text-strong:    var(--gray-900);
  --text-body:      var(--gray-700);
  --text-muted:     var(--gray-500);
  --text-on-brand:  var(--white);

  --surface-page:    var(--white);
  --surface-section: var(--gray-100);
  --surface-warm:    var(--cream-050);
  --surface-footer:  var(--gray-100);
  --surface-card:    var(--white);

  --border-hairline: var(--gray-300);
  --link:       var(--green-600);
  --link-hover: var(--green-500);
}