:root {
  /* Brend iz loga — blago posvijetljeno */
  --color-primary: #0088c7;
  --color-primary-light: #20c4e8;
  --color-accent: #5dd4f5;
  --color-text: #eef4f8;
  --color-text-muted: #b8c5d0;
  --color-bg: #101a24;
  --color-bg-floor: #152231;
  --color-surface: rgba(22, 34, 48, 0.88);
  --color-panel: rgba(14, 24, 34, 0.78);
  --color-panel-strong: rgba(10, 18, 28, 0.88);
  --color-border: rgba(32, 196, 232, 0.28);
  --color-brand-glow: rgba(0, 180, 216, 0.12);

  --font-family: "Inter", system-ui, -apple-system, sans-serif;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;

  --header-height: 4rem;
  --building-width: 42vw;
  --max-width: 40rem;
  --radius: 0.625rem;

  --bp-tablet: 48rem;
  --bp-desktop: 64rem;

  --floor-count: 5;
  --section-height: 100vh;
  --section-height: 100dvh;
}

@media (min-width: 48rem) {
  :root {
    --building-width: 44vw;
    --max-width: 36rem;
  }
}

@media (min-width: 64rem) {
  :root {
    --building-width: 46vw;
    --max-width: 38rem;
  }
}