@charset "UTF-8";
:root {
  /* Light Mode (default) - WCAG AA/AAA Compliant */
  --mtv-bg-primary: #ffffff;
  --mtv-bg-secondary: #f8f7f4;
  --mtv-bg-tertiary: #ede5d6;
  --mtv-text-primary: #1a1a1a;
  --mtv-text-secondary: #4f4f4f;
  --mtv-text-tertiary: #737373;
  --mtv-text-inverse: #ffffff;
  --mtv-brand-primary: #0b7447;
  --mtv-brand-primary-dark: #095c39;
  --mtv-brand-primary-light: #19935d;
  --mtv-brand-secondary: #ffc700;
  --mtv-brand-secondary-dark: #e6b300;
  --mtv-link-hover: #095c39;
  --mtv-focus-ring: #095c39;
  --mtv-functional-home: #0b7447;
  --mtv-functional-away: #0052a3;
  --mtv-functional-error: #c5192d;
  --mtv-functional-success: #1f7a5f;
  --mtv-border-light: #e0e0e0;
  --mtv-border-medium: #c8c8c8;
  --mtv-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.08);
  --mtv-shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
  --mtv-shadow-lg: 0 16px 32px rgba(0, 0, 0, 0.12);
  /* Spacing - Barrierefreie Abstände */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  /* Typography - Barrierefreie Schriftgrößen */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --line-height-tight: 1.2;
  --line-height-normal: 1.55;
  --line-height-relaxed: 1.75;
  /* Layout */
  --container: min(100% - 2rem, 1200px);
  --radius: 12px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --mtv-surface-nav: rgba(255, 255, 255, 0.98);
  /* Footer – Light Mode: tiefes Marken-Grün */
  --mtv-footer-bg-from: #003d24;
  --mtv-footer-bg-via: #095c39;
  --mtv-footer-bg-to: #00422b;
  --mtv-footer-text: #c8e6d4;
  --mtv-footer-text-muted: #a8d4b8;
  --mtv-footer-border: rgba(255, 255, 255, 0.18);
  --mtv-footer-card-bg: rgba(0, 0, 0, 0.18);
  --mtv-footer-link-border: rgba(255, 255, 255, 0.28);
  --mtv-footer-link-hover-bg: rgba(255, 255, 255, 0.14);
  --mtv-footer-link-hover-border: rgba(255, 255, 255, 0.50);
}

/* Dark Mode - Activated by system preference or data-theme attribute */
/*@media (prefers-color-scheme: dark) {
    :root {
        --mtv-bg-primary: #121212;
        --mtv-bg-secondary: #1e1e1e;
        --mtv-bg-tertiary: #2a2a2a;

        --mtv-text-primary: #f0f0f0;
        --mtv-text-secondary: #b8b8b8;
        --mtv-text-tertiary: #8f8f8f;
        --mtv-text-inverse: #1a1a1a;

        --mtv-brand-primary: #44b97b;
        --mtv-brand-primary-dark: #2f8f5d;
        --mtv-brand-primary-light: #67d79b;

        --mtv-brand-secondary: #ffdb5c;
        --mtv-brand-secondary-dark: #e6c200;

        --mtv-link-hover: #67d79b;
        --mtv-focus-ring: #ffdb5c;

        --mtv-functional-home: #44b97b;
        --mtv-functional-away: #5fa3d9;
        --mtv-functional-error: #ff6b7a;
        --mtv-functional-success: #4fc59d;

        --mtv-border-light: #3a3a3a;
        --mtv-border-medium: #4f4f4f;

        --mtv-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.4);
        --mtv-shadow-md: 0 8px 20px rgba(0, 0, 0, 0.5);
        --mtv-shadow-lg: 0 16px 32px rgba(0, 0, 0, 0.6);

        --mtv-surface-nav: rgba(18, 18, 18, 0.98);

        !* Footer – Dark Mode: noch dunkleres, gedämpfteres Grün *!
        --mtv-footer-bg-from:           #001a10;
        --mtv-footer-bg-via:            #002a18;
        --mtv-footer-bg-to:             #001a10;
        --mtv-footer-text:              #9ecfb0;
        --mtv-footer-text-muted:        #6eb888;
        --mtv-footer-border:            rgba(255, 255, 255, 0.12);
        --mtv-footer-card-bg:           rgba(0, 0, 0, 0.30);
        --mtv-footer-link-border:       rgba(255, 255, 255, 0.20);
        --mtv-footer-link-hover-bg:     rgba(255, 255, 255, 0.10);
        --mtv-footer-link-hover-border: rgba(255, 255, 255, 0.40);
    }
}*/
/* Explizites Dark Mode mit data-theme Attribut */
[data-theme=dark] {
  --mtv-bg-primary: #121212;
  --mtv-bg-secondary: #1e1e1e;
  --mtv-bg-tertiary: #2a2a2a;
  --mtv-text-primary: #f0f0f0;
  --mtv-text-secondary: #b8b8b8;
  --mtv-text-tertiary: #8f8f8f;
  --mtv-text-inverse: #1a1a1a;
  --mtv-brand-primary: #44b97b;
  --mtv-brand-primary-dark: #2f8f5d;
  --mtv-brand-primary-light: #67d79b;
  --mtv-brand-secondary: #ffdb5c;
  --mtv-brand-secondary-dark: #e6c200;
  --mtv-link-hover: #67d79b;
  --mtv-focus-ring: #ffdb5c;
  --mtv-functional-home: #44b97b;
  --mtv-functional-away: #5fa3d9;
  --mtv-functional-error: #ff6b7a;
  --mtv-functional-success: #4fc59d;
  --mtv-border-light: #3a3a3a;
  --mtv-border-medium: #4f4f4f;
  --mtv-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.4);
  --mtv-shadow-md: 0 8px 20px rgba(0, 0, 0, 0.5);
  --mtv-shadow-lg: 0 16px 32px rgba(0, 0, 0, 0.6);
  --mtv-surface-nav: rgba(18, 18, 18, 0.98);
  /* Footer – Dark Mode */
  --mtv-footer-bg-from: #001a10;
  --mtv-footer-bg-via: #002a18;
  --mtv-footer-bg-to: #001a10;
  --mtv-footer-text: #9ecfb0;
  --mtv-footer-text-muted: #6eb888;
  --mtv-footer-border: rgba(255, 255, 255, 0.12);
  --mtv-footer-card-bg: rgba(0, 0, 0, 0.30);
  --mtv-footer-link-border: rgba(255, 255, 255, 0.20);
  --mtv-footer-link-hover-bg: rgba(255, 255, 255, 0.10);
  --mtv-footer-link-hover-border: rgba(255, 255, 255, 0.40);
}

[data-theme=light] {
  --mtv-bg-primary: #ffffff;
  --mtv-bg-secondary: #f8f7f4;
  --mtv-bg-tertiary: #ede5d6;
  --mtv-text-primary: #1a1a1a;
  --mtv-text-secondary: #4f4f4f;
  --mtv-text-tertiary: #737373;
  --mtv-text-inverse: #ffffff;
  --mtv-brand-primary: #0b7447;
  --mtv-brand-primary-dark: #095c39;
  --mtv-brand-primary-light: #19935d;
  --mtv-brand-secondary: #ffc700;
  --mtv-brand-secondary-dark: #e6b300;
  --mtv-link-hover: #095c39;
  --mtv-focus-ring: #095c39;
  --mtv-functional-home: #0b7447;
  --mtv-functional-away: #0052a3;
  --mtv-functional-error: #c5192d;
  --mtv-functional-success: #1f7a5f;
  --mtv-border-light: #e0e0e0;
  --mtv-border-medium: #c8c8c8;
  --mtv-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.08);
  --mtv-shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
  --mtv-shadow-lg: 0 16px 32px rgba(0, 0, 0, 0.12);
  --mtv-surface-nav: rgba(255, 255, 255, 0.98);
  /* Footer – Light Mode */
  --mtv-footer-bg-from: #003d24;
  --mtv-footer-bg-via: #095c39;
  --mtv-footer-bg-to: #00422b;
  --mtv-footer-text: #c8e6d4;
  --mtv-footer-text-muted: #a8d4b8;
  --mtv-footer-border: rgba(255, 255, 255, 0.18);
  --mtv-footer-card-bg: rgba(0, 0, 0, 0.18);
  --mtv-footer-link-border: rgba(255, 255, 255, 0.28);
  --mtv-footer-link-hover-bg: rgba(255, 255, 255, 0.14);
  --mtv-footer-link-hover-border: rgba(255, 255, 255, 0.50);
}

/*# sourceMappingURL=main.css.map */