/* Design-Tokens „Hochdruck“: Limette, Schwarz, Stein. Eine Quelle für App und Wissen.
   Limette nur als Fläche oder auf Schwarz, nie als Text oder Linie auf Hell. Pink bleibt der Gefahr vorbehalten:
   --gefahr ist nur Fläche (mit --auf-gefahr darauf), Text und Linien auf Hell nehmen --gefahr-text. */
:root{
  --limette:#C8FF00; --limette-hell:#F1FACD; --schwarz:#141414; --stein:#E8E6E1;
  --bg:#F4F3F0; --karte:#FFFFFF; --text:#141414; --leise:#5A5853; --linie:#D9D7D0;
  --primaer:#141414; --primaer-dunkel:#3A3936; --primaer-hell:#F1FACD;
  --zitrone:#C8FF00;
  --gefahr:#F458AC; --auf-gefahr:#141414; --gefahr-text:#B00E68; --gefahr-hell:#FFE3F1;
  --ok:#2F5D00; --ok-hell:#F1FACD;
  /* Räume: gleiche Fläche, unterscheidbar über Icon und Name */
  --bad:#E8E6E1; --bad-text:#141414;
  --wc:#E8E6E1; --wc-text:#141414;
  --kueche:#E8E6E1; --kueche-text:#141414;
  --waesche:#E8E6E1; --waesche-text:#141414;
  --wohnen:#E8E6E1; --wohnen-text:#141414;
  /* Mittel: sauer Limette, basisch Schwarz, neutral Stein */
  --saeure:#C8FF00; --saeure-text:#141414;
  --base:#141414; --base-text:#C8FF00;
  --neutral:#E8E6E1; --neutral-text:#141414;
  /* Schrift */
  --font-titel:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-text:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --h0:clamp(56px,10vw,136px); --h1:48px; --h2:36px; --h3:32px; --h4:22px;
  --body:17px; --label:15px; --klein:14px;
  /* Abstand */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  /* Form: flach, keine Schatten */
  --r-control:10px; --r-karte:12px;
  --rand:0 0 0 1px var(--linie);
  --schatten-s:none;
  --schatten-m:0 0 0 2px var(--schwarz);
  --schatten-l:0 0 0 2px var(--schwarz);
}
@media (max-width:640px){
  :root{--h1:36px;--h2:28px;--h3:26px;--h4:20px;--body:16px}
}