CSS-Variable
Benannte Werte im CSS (Farben, Abstände, Schrift), einmal zentral definiert und überall wiederverwendet.
CSS-Variablen (im Fachjargon auch custom properties) sind Platzhalter im Stylesheet: Du gibst einem Wert einen Namen wie --color-action oder --shell-padding-inline und nutzt ihn später mit var(--color-action) an vielen Stellen.
Bei hautuu stehen die zentralen Variablen in src/styles/global.css unter :root. So bleiben Farben, Abstände und Schrift einheitlich, auch wenn das Menü auf dem Handy anders aufgebaut ist als auf dem Desktop (siehe CSS und Breakpoints). Grenzwerte wie --bp-mobile liegen dort mit; in @media-Regeln werden die passenden Pixelwerte direkt gesetzt.