/* ===========================================================================
   Design-Tokens — Schützen Motto Sause
   Palette aus dem Briefing (CI: #52a447 Grün, #FDED00 Gelb), Typo/Effekte
   nach ui-ux-pro-max: Hero-Centric + Soft UI Evolution, Plakat-Typografie.
   Helligkeit laut Briefing: Hell — es gibt bewusst kein Dark Theme.
   =========================================================================== */

:root {
  color-scheme: light;

  /* Flächen — warmes Papierweiß statt sterilem #fff */
  --bg:          #fdfcf6;
  --bg-elev:     #f4f6ec;
  --bg-sunken:   #ebeedd;

  /* Text */
  --fg:          #1c2418;
  --fg-muted:    #4c5346;   /* min. 4.5:1 auf --bg — nie heller wählen */

  /* Akzente
     --accent ist das UI-Grün (abgedunkelt, damit weißer Text 4.5:1 hält).
     --brand ist das helle Vereinsgrün — nur für Deko, Flächen, Wimpel.
     --gelb ist der Textmarker — immer mit dunklem Text (--fg) kombinieren. */
  --accent:      #2e7d27;
  --accent-fg:   #ffffff;
  --brand:       #52a447;
  --gelb:        #fded00;
  --accent-2:    var(--gelb);

  /* Linien & Formen */
  --border:      #dce0cd;
  --radius:      14px;
  --radius-lg:   22px;
  --shadow:      0 1px 2px rgb(28 36 24 / .05), 0 10px 28px -14px rgb(28 36 24 / .22);
  --glow:        none;

  /* Schrift — Bebas Neue (Plakat) + Source Sans 3, beide selbst gehostet */
  --font-display: "Bebas Neue", "Arial Narrow", sans-serif;
  --font-body:    "Source Sans 3", system-ui, sans-serif;

  /* Typo-Skala (fluid) — Display darf plakatgroß werden, Bebas ist schmal */
  --step--1: clamp(.83rem, .80rem + .15vw, .92rem);
  --step-0:  clamp(1rem, .96rem + .20vw, 1.13rem);
  --step-1:  clamp(1.35rem, 1.24rem + .55vw, 1.72rem);
  --step-2:  clamp(1.8rem, 1.58rem + 1.1vw, 2.5rem);
  --step-3:  clamp(2.4rem, 2rem + 2vw, 3.6rem);
  --step-4:  clamp(3.2rem, 2.4rem + 4vw, 5.4rem);

  /* Rhythmus */
  --raum-1: .5rem;  --raum-2: 1rem;   --raum-3: 1.5rem;
  --raum-4: 2.5rem; --raum-5: 4rem;   --raum-6: 6rem;
  --breite: 72rem;

  /* Bewegung — Soft UI: 200–300 ms, ruhig */
  --ease:      cubic-bezier(.22, 1, .36, 1);
  --dur-fast:  180ms;
  --dur:       260ms;
  --dur-slow:  650ms;

  /* Ebenen */
  --z-nav: 20;  --z-overlay: 40;  --z-banner: 50;
}