/* ============================================================
   OCHSEN – Design-Tokens
   ------------------------------------------------------------
   Die Werte sind vom Original ochsen-dietikon.ch abgenommen
   (gemessen am 03.09.2026 im Browser), damit die neue Seite
   gleich aussieht:

     Gold/Orange   #F09C49   Links, Buttons, aktive Navigation
     Text          #333333   Fliesstext und Titel
     Footer        #242424
     Titelschrift  PT Serif      (h1 74px/300, h3 28px/400)
     Textschrift   Open Sans     (Fliesstext 20px/300)

   Bewusste Abweichung vom Alpasana-Designsystem: Dies ist eine
   Kundenwebsite mit eigener Marke. Die Token-Struktur ist
   dieselbe, nur die Werte sind die des Ochsen.
   ============================================================ */

:root {
  /* ── Marke ────────────────────────────────────────── */
  --ochsen-gold:        #F09C49;  /* wie im Original: Links, Buttons, Navigation */
  --ochsen-gold-hover:  #D9832F;  /* Hover, minimal dunkler */
  --ochsen-gold-text:   #A8681F;  /* nur wo Gold auf Weiss lesbar sein muss */
  --ochsen-dark:        #242424;  /* Footer */
  --ochsen-dark-2:      #333333;

  /* ── Text ─────────────────────────────────────────── */
  --ochsen-heading:     #333333;
  --ochsen-text:        #333333;
  --ochsen-muted:       #777777;

  /* ── Flaechen ─────────────────────────────────────── */
  --ochsen-bg:          #FFFFFF;
  --ochsen-bg-soft:     #F7F7F7;
  --ochsen-border:      #E4E4E4;

  /* ── Signalfarben ─────────────────────────────────── */
  --ochsen-error:       #B00020;
  --ochsen-success:     #1E7A4B;

  /* ── Typografie ───────────────────────────────────── */
  --ochsen-font-head:   'PT Serif', Georgia, 'Times New Roman', serif;
  --ochsen-font-body:   'Open Sans', 'Segoe UI', Arial, sans-serif;

  /* ── Form & Effekte ───────────────────────────────── */
  --ochsen-radius:      3px;
  --ochsen-radius-lg:   4px;
  --ochsen-shadow:      0 6px 24px rgba(0, 0, 0, .10);
  --ochsen-shadow-sm:   0 2px 10px rgba(0, 0, 0, .07);
  --ochsen-container:   1140px;   /* Bootstrap-Breite des Originals */
  --ochsen-transition:  .2s ease;
}