/* tokens.css — Design-Tokens für sigmacommunication.de
   Eine Quelle der Wahrheit für das ganze CI.
   Grundlage: CI-Weiterentwicklung-2026-06-18.md, Abschnitt 2. */

:root {
  /* ── Farben ───────────────────────────────────────────────
     Orange diszipliniert (nur Aktion/Akzent), Navy trägt die Struktur. */
  --orange:        #EE8018;   /* Akzent: Logo, Handlungsaufrufe, Links, Hervorhebung */
  --color-orange:  #EE8018;   /* Alias: einige ältere Templates nutzen --color-orange */
  --orange-dunkel: #D46D0C;   /* Hover auf Orange */
  --navy:          #1A1A2E;   /* Struktur: Hero-Grund, Fußzeile, abgesetzte Abschnitte */
  --navy-soft:     #25253F;   /* leichtere Navy-Fläche, Karten auf dunklem Grund */
  --text:          #1A1A1A;   /* Fließtext */
  --muted:         #5B5B6B;   /* Nebentext */
  --sand:          #EDD9B8;   /* Beweis- und Produkt-Kästen, sparsam */
  --sand-soft:     #F6ECDB;   /* helle Sandfläche für ganze Streifen */
  --weiss:         #FFFFFF;
  --bg:            #FFFFFF;
  --linie:         #E4E1DA;   /* Trennlinien, Rahmen */

  /* ── Schrift ──────────────────────────────────────────────
     Playfair für repräsentative Headlines, Barlow für alles andere. */
  --serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --cond:  "Barlow Condensed", "Barlow", -apple-system, "Segoe UI", sans-serif;
  --sans:  "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  /* ── Maße ─────────────────────────────────────────────────*/
  --maxw:   1140px;
  --radius: 6px;
  --schatten:    0 1px 3px rgba(26,26,46,.08);
  --schatten-lg: 0 14px 50px rgba(26,26,46,.14);

  /* ── Abstände (Skala) ─────────────────────────────────────*/
  --s1: .5rem;
  --s2: 1rem;
  --s3: 1.5rem;
  --s4: 2.5rem;
  --s5: 4rem;
  --s6: 6rem;
}