:root {
  /* ---------- Basisfarben (Namen aus der Landschaft) ---------- */
  --holz-weiss: #F9F8F6;      /* warmes Off-White, Grundfläche */
  --schiefer: #2B2E2A;        /* Kanisfluh-Schiefer, Textfarbe */
  --leinen: #E6DFD3;          /* Leinen / Sand */
  --leinen-soft: #EFEBE2;     /* Leinen, aufgehellt */
  --tanne: #3C4A3E;           /* Tannen-Grün, Markenfarbe */
  --tanne-dunkel: #2D3830;    /* Tanne gedunkelt (Hover, Footer) */
  --bach: #8FA39B;            /* Mellaubach-Graugrün, Akzent */
  --ocker: #B98A3E;           /* Ocker – Insider-Tipps, "mittel" */
  --terrakotta: #A85638;      /* Kachelofen-Rot – Aktion, "anspruchsvoll" */
  --karte: #E9E6DC;           /* Kartenfläche / Bild-Platzhalter */

  /* ---------- Semantische Aliase ---------- */
  --bg: var(--holz-weiss);
  --text: var(--schiefer);
  --sand: var(--leinen);
  --sand-soft: var(--leinen-soft);
  --primary: var(--tanne);
  --primary-dark: var(--tanne-dunkel);
  --accent: var(--bach);
  --action: var(--terrakotta);
  --tip: var(--ocker);

  /* Flächen */
  --surface-page: var(--holz-weiss);
  --surface-muted: var(--leinen-soft);   /* Highlights, Preise, Touren */
  --surface-sand: var(--leinen);         /* Kontakt, Bild-Platzhalter */
  --surface-dark: var(--tanne);          /* Lage, Panels, Zusammenfassung */
  --surface-darker: var(--tanne-dunkel); /* Footer */
  --surface-input: var(--holz-weiss);
  --surface-input-focus: #FFFFFF;

  /* Text auf hellem Grund */
  --text-body: var(--schiefer);
  --text-muted: rgba(43, 46, 42, 0.78);
  --text-soft: rgba(43, 46, 42, 0.70);
  --text-faint: rgba(43, 46, 42, 0.60);
  --text-hint: rgba(43, 46, 42, 0.50);

  /* Text auf dunklem Grund */
  --text-on-dark: var(--holz-weiss);
  --text-on-dark-muted: rgba(249, 248, 246, 0.85);
  --text-on-dark-soft: rgba(249, 248, 246, 0.70);
  --text-on-dark-faint: rgba(249, 248, 246, 0.50);

  /* Linien */
  --rule: rgba(43, 46, 42, 0.14);
  --rule-strong: rgba(43, 46, 42, 0.22);
  --rule-input: rgba(43, 46, 42, 0.14);
  --rule-on-dark: rgba(249, 248, 246, 0.20);
  --rule-on-dark-soft: rgba(249, 248, 246, 0.15);

  /* Schwierigkeitsgrade Touren */
  --diff-leicht: var(--bach);
  --diff-mittel: var(--ocker);
  --diff-schwer: var(--terrakotta);

  /* Overlays */
  --overlay-hero: linear-gradient(180deg, rgba(43,46,42,0.15) 0%, rgba(43,46,42,0.05) 35%, rgba(43,46,42,0.55) 100%); /* @kind color */
  --overlay-modal: rgba(43, 46, 42, 0.55);
}