/* ============================================================
   Farbvariante 1 — Petrol + Senf + Creme  (basiert auf Option 1)
   Überschreibt die :root-Variablen aus styles.css

   Kontraste:
     #1A5556 (Ptrl.dk.) auf #F8F3EC                7.7:1  AAA ✓
     #1A5556            auf #EDE8DF                6.9:1  AA  ✓
     #1A3535 (Dunkel)   auf #F8F3EC               11.9:1  AAA ✓
     #FFFFFF            auf #1A3535 (Footer)       11.9:1  AAA ✓
     #C8922A (Senf)     auf #F8F3EC                2.5:1  —  (bewusst so)
     #2A7D7E (Petrol)   — nur dekorativ (Borders, Focus)
   ============================================================ */

:root {
  --creme:      #F8F3EC;   /* Creme hell      — Haupthintergrund         */
  --warmbraun:  #2A7D7E;   /* Petrol hell     — Überschriften, Logo      */
  --salbei:     #2A7D7E;   /* Petrol          — Borders, Focus-Ring      */
  --terrakotta: #C89C28;   /* Senfgelb        — Links, Buttons           */
  --dunkel:     #1A3535;   /* Tief-Petrol     — Fliesstext, Footer       */
  --beige:      #EDE8DF;   /* Creme dunkel    — Sektionshintergrund      */
  --weiss:      #FFFFFF;

  --font-heading: 'Cormorant Garant', Georgia, serif;
  --font-body:    'Inter', system-ui, sans-serif;

  /* Kontraststeuerbare Farben — Standardwerte für diese Variante */
  --nav-link:         rgba(255, 255, 255, 0.65);
  --nav-border-hover: rgba(255, 255, 255, 0.35);
  --logo-sub:         rgba(255, 255, 255, 0.45);
  --lang-inactive:    rgba(255, 255, 255, 0.4);
  --lang-hover:       rgba(255, 255, 255, 0.75);
  --lang-border:      rgba(255, 255, 255, 0.3);
  --footer-text:                    rgba(255, 255, 255, 0.7);
  --footer-link:                    rgba(255, 255, 255, 0.6);
  --footer-copyright-link:          #6BBCBD;
  --footer-copyright-link-underline: rgba(107, 188, 189, 0.35);
  --footer-copyright-link-hover:    #90CECE;
  --subnav-link:      #999;
  --cta-text:         rgba(248, 243, 236, 0.8);
  --muted:            #666;
  --placeholder:      #888;
}

.hero-sub { color: #1A5556; }

/* Schwarz auf Senfgelb: 5.8:1 AA ✓ */
.btn-primary { color: #000; }

/* Hover-Farben sind in styles.css hardcoded — hier überschreiben */
.btn-primary:hover { background-color: #A87E20; color: #000; }

/* Nav-CTA (Kontakt) — gleiche Logik wie btn-primary */
.nav-cta { color: #000 !important; }
.nav-cta:hover { background: #A87E20 !important; color: #000 !important; }

/* Kacheln: Titel + Links in dunklem Petrol, Icons in hellem Petrol */
.card h3        { color: #1A5556; }
.card .card-link { color: #1A5556; }
.card-icon      { color: #2A7D7E; }

/* Sichtbarer Rahmen für Cards auf weissem Hintergrund */
.card,
.mini-card { border: 1px solid #C8B8AC; }
a.card,
a.mini-card-link { border: 1px solid #C8B8AC; }
a.card:hover,
a.mini-card-link:hover { border-color: #2A7D7E; }