/* AUTO-GENERATED by MandantGenerator from design-tokens.json */
/* Kunde: tgk26 */
@layer tokens {
:root {
  --mandant-primary: #C8102E;
    --mandant-primary-hover: #9A0C24;
    --mandant-secondary: #1F6F3A;
    --mandant-accent: #C8102E;
    --mandant-bg: #FFFFFF;
    --mandant-text: #17231B;
    --mandant-muted: #5B5B61;
    --mandant-surface: #FFFFFF;
    --mandant-border: #E5E3DD;
    --mandant-space-1: 4px;
    --mandant-space-2: 8px;
    --mandant-space-3: 12px;
    --mandant-space-4: 16px;
    --mandant-space-5: 24px;
    --mandant-space-6: 32px;
    --mandant-space-7: 48px;
    --mandant-space-8: 64px;
    --mandant-space-9: 96px;
    --mandant-footer-bg: #17231B;
    --mandant-footer-text: #FFFFFF;
    --mandant-footer-link-hover: #C8102E;
    --mandant-footer-bottom-bg: #0E1712;
    --mandant-footer-bottom-text: #B7B1A4;
    --mandant-footer-columns: 2fr 1fr 1fr 1fr;

  /* --- AUTO-GENERATED Step-2-Bridge (ζ2, ε3). Quelle: typo3-bridge.css. Step 1 (--min-color-*) bleibt in _tokens.css. --- */

  /* Brand Tokens (Step 2: --min-color-* → --min-brand-*) */
  --min-brand-primary:   var(--min-color-primary);
  --min-brand-accent:    var(--min-color-accent);
  --min-brand-secondary: var(--min-color-secondary);
  --min-brand-bg:    var(--min-color-bg);
  --min-brand-light: var(--min-color-surface);
  --min-brand-dark:  var(--min-color-text);
  --min-brand-text:       var(--min-color-text);
  --min-brand-on-primary: #ffffff;
  --min-brand-on-dark:    #ffffff;
  --min-brand-on-light:   var(--min-color-text);
  --min-brand-on-accent:  #ffffff;
  --min-brand-border: var(--min-color-border);
  --min-brand-gradient-start: var(--min-color-primary);
  --min-brand-gradient-end:   var(--min-color-accent);
  --min-brand-focus:        color-mix(in srgb, var(--min-brand-primary) 50%, transparent);
  --min-brand-accent-hover: color-mix(in srgb, var(--min-brand-accent) 85%, black);
  --min-brand-light-hover:  color-mix(in srgb, var(--min-brand-light) 92%, black);

  /* Cards (Step 2: --min-color-* → --min-card-*) */
  --min-card-icon-color:     var(--min-color-primary);
  --min-card-icon-bg:        color-mix(in srgb, var(--min-card-icon-color) 12%, var(--min-brand-bg));
  --min-card-title-color:    var(--min-color-text);
  --min-card-text:           var(--min-color-muted);
  --min-card-bg:             var(--min-color-surface);
  --min-card-border-color:   var(--min-brand-border);
  --min-card-border-radius:  var(--min-radius-md);
  --min-card-gradient-start: var(--min-brand-gradient-start);
  --min-card-gradient-end:   var(--min-brand-gradient-end);

  /* Radius Tokens (settings.yaml → --mandant-radius-* → --min-radius-*) */
  --min-radius-sm: var(--radius-sm, var(--mandant-radius-sm, 2px));
  --min-radius-md: var(--radius-md, var(--mandant-radius-md, 4px));
  --min-radius-lg: var(--radius-lg, var(--mandant-radius-lg, 8px));

  /* Typography Tokens */
  --min-font-heading: var(--font-heading, var(--mandant-font-heading, Georgia, serif));
  --min-font-body:    var(--font-body,    var(--mandant-font-body, -apple-system, system-ui, sans-serif));

  /* TextMedia */
  --min-textmedia-border-radius: var(--min-radius-md, 4px);

  /* Hero Button */
  --min-hero-btn-border-radius: var(--min-radius-md, 4px);

  /* Gallery */
  --min-gallery-lightbox-bg:   rgba(0, 0, 0, 0.9);
  --min-gallery-lightbox-text: #ffffff;

  /* Footer (settings.yaml → --mandant-footer-* → --min-footer-*) */
  --min-footer-bg:          var(--footer-bg,          var(--mandant-footer-bg,          var(--min-brand-dark, #1a1a1a)));
  --min-footer-text:        var(--footer-text,        var(--mandant-footer-text,        var(--min-brand-on-dark, #ffffff)));
  --min-footer-bottom-bg:   var(--footer-bottom-bg,   var(--mandant-footer-bottom-bg,   var(--min-brand-primary, #0066cc)));
  --min-footer-bottom-text: var(--footer-bottom-text, var(--mandant-footer-bottom-text, #ffffff));
}
}