/* tokens.css — We Love Albania
   Farben und Kurven sind am Basis-Mirror GEMESSEN, nicht geschaetzt
   (:root des Spenders, siehe _plan/mapping.md). Das WLA-Logo traegt keine
   Farbe (reinweiss, siehe _plan/LOGO-FARBMESSUNG.md), ein Akzentrot hat der
   King am 02.09.2026 vorerst zurueckgestellt. */

:root {
  /* Grundfarben — aus dem Spender uebernommen */
  --wla-grund:        #051236;   /* dunkles Marineblau, Seitenhintergrund */
  --wla-schrift:      #fffde2;   /* warmes Off-White, Fliesstext */
  --wla-schrift-2:    rgba(255, 253, 226, 0.6);
  --wla-schrift-3:    rgba(255, 253, 226, 0.3);
  --wla-linie:        rgba(255, 253, 226, 0.18);

  /* WhatsApp — Herstellerfarbe, nur fuer den Kanal-Knopf */
  --wla-whatsapp:     #25d366;
  --wla-whatsapp-tief:#128c7e;

  /* Kurven — aus dem Spender uebernommen */
  --wla-ease-out:     cubic-bezier(0.165, 0.84, 0.44, 1);
  --wla-ease-inout:   cubic-bezier(0.76, 0, 0.24, 1);

  /* Abstaende — bewusst in px/vw. Die Basis-Seite setzt
     html{font-size:max(0.52vw,1px)}, dort ist 1rem bei 1440px nur 7,5px.
     Eigene Bausteine haengen deshalb nicht an rem. */
  --wla-rand:         clamp(16px, 3vw, 40px);
  --wla-radius:       999px;
}