/* AUTO-GENERATED by MandantGenerator from design-tokens.json */
/* Kunde: gem-lotte */
@layer tokens {
:root {
  --mandant-primary: #145675;
    --mandant-secondary: #84BD00;
    --mandant-accent: #145675;
    --mandant-bg: #FFFFFF;
    --mandant-text: #1A1A1A;
    --mandant-muted: #4A4A4A;
    --mandant-surface: #F5F8FA;
    --mandant-border: #CCCCCC;
    --mandant-space-section: 4rem;
    --mandant-motion-duration-fast: 150ms;
    --mandant-motion-duration-normal: 300ms;
    --mandant-motion-duration-slow: 500ms;
    --mandant-motion-easing-standard: ease-out;
    --mandant-motion-easing-modal: ease-in-out;
    --mandant-motion-easing-progress: linear;
    --mandant-space-scale: 8px;

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