/* AUTO-GENERATED by MandantGenerator from design-tokens.json */
/* Kunde: reehuis */
@layer tokens {
:root {
  --mandant-primary: #777777;
    --mandant-secondary: #337AB7;
    --mandant-accent: #CD1719;
    --mandant-bg: #ffffff;
    --mandant-text: #555555;
    --mandant-surface: #f8f9fa;
    --mandant-border: rgba(0, 0, 0, 0.08);
    --mandant-space-section: [object Object];
    --mandant-motion-duration-fast: 0.15s;
    --mandant-motion-duration-base: 0.3s;
    --mandant-motion-duration-slow: 0.5s;
    --mandant-motion-easing-0: e;
    --mandant-motion-easing-1: a;
    --mandant-motion-easing-2: s;
    --mandant-motion-easing-3: e;
    --mandant-space-xs: 0.5rem;
    --mandant-space-sm: 1rem;
    --mandant-space-md: 2rem;
    --mandant-space-lg: 4rem;
    --mandant-space-xl: 6rem;
    --mandant-space-2xl: 8rem;
    --mandant-space-3xl: 12rem;
    --mandant-space-semantic: [object Object];
    --mandant-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
    --mandant-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
    --mandant-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
    --mandant-shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.1);

  /* --- 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));
}
}