/* ═══════════════════════════════════════
   BASE — gemeinsame Grundlage (Navy/Gold)
   Eingebunden von: index, projekte,
   mieten-kaufen, ueber-uns,
   objekte/gewerbepark-buero
   (jeweils VOR der seiteneigenen CSS-Datei)
═══════════════════════════════════════ */

/* ── DESIGN TOKENS ── */
:root {
  --navy:        #0b1c35;
  --navy-mid:    #162d50;
  --navy-light:  #1e3d6b;
  --gold:        #c9972a;
  --gold-bright: #f0b429;
  --gold-pale:   #fdf3dc;
  --cream:       #f8f5ef;
  --white:       #ffffff;
  --text:        #0b1c35;
  --muted:       #5a6475;
  --border:      rgba(11,28,53,0.10);

  --ff-serif: 'Cormorant Garamond', Georgia, serif;
  --ff-sans:  'Outfit', system-ui, sans-serif;

  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 36px;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 0.35s;
}

/* ── RESET & BASE ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--ff-sans);
  background: var(--cream);
  color: var(--text);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }

/* ── CONTAINER ── */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}
@media (max-width: 600px) { .container { padding: 0 20px; } }

/* ── Reveal-Animationen bei "reduzierte Bewegung" abschalten
   (Barrierefreiheit + verhindert versteckten Inhalt) ── */
@media (prefers-reduced-motion: reduce) {
  .fade-up, .reveal { opacity: 1 !important; transform: none !important; }
}