/* AUTO-GENERATED by build-css.ts - Kunden-Tokens */
/* Kunde: reehuis */
/* Regenerate: npx tsx content-elements/generators/build-css.ts reehuis */
@layer mandant {
  :root {
    /* Farben */
    --mandant-primary: #777777;
    --mandant-secondary: #337AB7;
    --mandant-accent: #CD1719;
    --mandant-bg: #ffffff;
    --mandant-text: #555555;
    --mandant-muted: #777777;
    --mandant-surface: #f8f9fa;
    --mandant-border: rgba(0, 0, 0, 0.08);

    /* Typografie */
    --mandant-font-heading: 'Playfair Display', Georgia, serif;
    --mandant-font-body: 'Inter', -apple-system, sans-serif;
    --mandant-font-size: 1rem;
    --mandant-font-mono: 'JetBrains Mono', SF Mono, monospace;

    /* Spacing */
    --mandant-space-xs: 0.5rem;
    --mandant-space-sm: 1rem;
    --mandant-space-md: 2rem;
    --mandant-space-lg: 4rem;
    --mandant-space-section: 6rem;
    --mandant-space-xl: 6rem;
    --mandant-space-2xl: 8rem;
    --mandant-space-3xl: 12rem;

    /* Layout */
    --mandant-container-max: 1400px;
    --mandant-container-padding: 2rem;
    --mandant-container-narrow: 900px;
    --mandant-container-wide: 1600px;

    /* Radius */
    --mandant-radius-sm: 2px;
    --mandant-radius-md: 4px;
    --mandant-radius-lg: 8px;
    --mandant-radius-round: 9999px;
    --mandant-radius: 4px;
    --mandant-transition: 0.3s ease;

    /* Hero */
    --mandant-hero-height: 100vh;
    --mandant-hero-align: flex-end;
    --mandant-hero-overlay-from: 0.5;
    --mandant-hero-overlay-mid: 0;
    --mandant-hero-title-size: clamp(2.5rem, 6vw, 4.5rem);

    /* Navigation */
    --mandant-nav-height: 5rem;
    --mandant-logo-height: 3.5rem;

    /* Footer — gray bg (#777) with white text, customer-approved */
    --mandant-footer-bg: var(--mandant-primary);
    --mandant-footer-text: #ffffff;
    --mandant-footer-link-hover: #ffcccc;
    --mandant-footer-bottom-bg: var(--mandant-text);
    --mandant-footer-bottom-text: #ffffff;
    --mandant-footer-columns: 2fr 1fr 1fr 1fr;
    --mandant-footer-logo-filter: brightness(10);

    /* Cards */
    --mandant-card-overlay-opacity: 0.7;

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

  /* Logo-Hoehe (schlaegt img { height: auto } per Spezifitaet) */
  .header__logo img,
  .ce-nav__logo img,
  .site-header__logo img,
  .site-logo img {
    height: 3.5rem;
    width: auto;
  }
}