:root {
    /* Markenfarben – geschätzt aus dem Logo-Foto (Banner), keine exakte Pixelmessung */
    --color-brand-dark:  #1D3A57;     /* dunkles Logo-Blau (Schriftzug "Solid"/"Systems", äußerer Schwung) */
    --color-brand-light: #4A90C2;     /* helles Logo-Blau (Schriftzug "Cloud", innerer Schwung) */
    --color-highlight:   #2A70B2;


    /* Grundfarben */
    
    --color-bg-old:         #F9F5EC;     /* Hintergrund – Anthrazit */
    --color-bg:             #fff;     /* Hintergrund – Anthrazit */
    --color-text:             var(--color-brand-dark);     /* Haupttext */
    --color-link:             var(--color-brand-light);     /* Link-Highlight – sonniges Gelb */
    --color-link-hover:       var(--color-brand-light);     /* Hover-Akzent – warmes Orange */
    --color-muted:          #B7B0A5;     /* Dezente Flächen/Details (z. B. für Linien, Sekundärtext) */
    --color-dropdown-bg:    #fff;
    --color-dropdown-border:  rgba(29, 58, 87, 0.18);


    /* Strukturfarben */
    --color-header:    #fff;
    --color-footer:    #fff;
  
    /* Schriften & Grundlayout */
    --font-base:       'Kodchasan', sans-serif;
    /*font-size:       1.4rem;*/
    --font-size:       clamp(1rem, 1.025rem + 0.375vw, 1.6rem);
    --line-height:     1.6;
    --spacing-unit:    2rem;

    /* Höhe der Navbar */
    --navbar-spacing: 1.2;
    --navbar-padding-top: calc(var(--font-size) * var(--navbar-spacing));
    --navbar-padding-bottom: calc(var(--font-size) * var(--navbar-spacing));
    --navbar-height:   calc(
      var(--navbar-padding-bottom) + var(--navbar-padding-top)
      + var(--font-size) * var(--line-height)
      + 1rem
    );
  }