:root {
  color-scheme: light;
  --color-primary: #c52b32;
  --color-primary-hover: #a51f29;
  --color-secondary: #252726;
  --color-accent: #edbd4b;
  --color-background: #faf9f6;
  --color-surface: #ffffff;
  --color-surface-soft: #f0eee8;
  --color-surface-dark: #252726;
  --color-text: #252726;
  --color-text-muted: #676963;
  --color-text-inverse: #faf9f6;
  --color-text-on-dark-muted: #c3c4bb;
  --color-border: #deded5;
  --color-border-dark: #484b44;
  --color-sport-clay: #edd8cc;
  --color-sport-sage: #dce3d5;
  --color-sport-sand: #f1e7cb;
  --color-sport-lilac: #e2deeb;
  --color-sport-blue: #dce6e9;
  --color-sport-rose: #ecdada;
  --color-art-red: #b74f40;
  --color-art-clay: #cf735a;
  --color-art-ink: #644b40;
  --color-art-green: #74866e;
  --color-art-blue: #6c8792;
  --color-art-purple: #8a7f9b;
  --color-art-gold: #c0a466;
  --color-focus: #125ac7;
  --color-shadow: rgb(37 39 38 / 7%);
  --color-overlay: rgb(37 39 38 / 35%);
  --font-family: "Aptos", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Arial", "Helvetica Neue", sans-serif;
  --font-size-small: 0.875rem;
  --font-size-body: 1rem;
  --radius-small: 0.375rem;
  --radius-medium: 0.75rem;
  --radius-large: 1.25rem;
  --radius-pill: 100vmax;
  --container-width: 90rem;
  --page-gutter: clamp(1.25rem, 4vw, 4rem);
  --section-space: clamp(3.75rem, 6vw, 6.5rem);
  --header-height: 5.75rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  /* Pfadzeile: öffentliche Breadcrumb und interner Rücklink teilen denselben Rhythmus */
  --trail-space-before: var(--space-5);
  --trail-space-after: clamp(var(--space-6), 4vw, 3.5rem);
  --shadow-card: 0 12px 32px var(--color-shadow);
  --transition: 200ms ease;
  --color-skeleton: #efece5;
  --skeleton-delay: 180ms;
}
@media (max-width: 600px) {
  :root { --trail-space-before: var(--space-3); --trail-space-after: var(--space-6); }
}
