/**
 * MP Woodworking – Design Tokens (Manus Master)
 * Quelle: https://mpwoodwork-rmvrmvhz.manus.space/
 */
:root {
  --mp-bg-primary: #010101;
  --mp-bg-secondary: #11110f;
  --mp-bg-tertiary: #1a1a19;
  --mp-bg-footer-bar: rgba(26, 26, 25, 0.4);

  --mp-text-primary: #f8f8f7;
  --mp-text-muted: #a8a8a3;

  --mp-accent: #d40924;
  --mp-accent-hover: #ef1a35;
  --mp-accent-soft-bg: rgba(212, 9, 36, 0.1);

  --mp-interactive: #a3e635;
  --mp-interactive-soft: rgba(163, 230, 53, 0.3);
  --mp-interactive-border: rgba(163, 230, 53, 0.4);
  --mp-interactive-border-soft: rgba(163, 230, 53, 0.2);

  --mp-border: #2a2a28;

  --mp-font-display: 'Bebas Neue', sans-serif;
  --mp-font-body: 'Roboto Slab', serif;

  --mp-tracking-eyebrow: 0.4em;
  --mp-tracking-section: 0.3em;
  --mp-tracking-nav: 0.1em;
  --mp-tracking-widest: 0.2em;

  --mp-container-max: 80rem;
  --mp-container-px: 1rem;
  --mp-container-px-sm: 1.5rem;
  --mp-container-px-lg: 2rem;

  --mp-header-accent-height: 0.375rem;
  --mp-header-py: 1rem;

  --mp-section-py-sm: 5rem;
  --mp-section-py-md: 6rem;

  --mp-radius: 0;
  --mp-transition-fast: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  --mp-transition-image: 0.7s cubic-bezier(0.23, 1, 0.32, 1);

  --mp-image-filter: grayscale(1) contrast(1.1);
  --mp-image-filter-hero: grayscale(1) contrast(1.25);
  --mp-image-opacity-hero: 0.35;
}

@media (min-width: 640px) {
  :root {
    --mp-container-px: var(--mp-container-px-sm);
  }
}

@media (min-width: 1024px) {
  :root {
    --mp-container-px: var(--mp-container-px-lg);
  }
}