/* ══════════════════════════════════════════════
   PROHABITAT35 — Variables & Reset global
   ══════════════════════════════════════════════ */

:root {
  --cream: #f0f4f8;
  --off-white: #1a1f2e;
  --charcoal: #1e2d5a;
  --warm-gray: #c2c7cc;
  --gold: #7ab3d4;
  --gold-light: #a8cfe3;
  --border: #2e3a50;
  --bg-dark: #1a1f2e;
  --bg-mid: #1a1f2e;
  --surface: #1e2537;
  --surface2: #2a3245;
  --transition: all 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html { scroll-behavior: smooth; }

/* ── SCROLLBAR ── */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #1a1f2e;
}
::-webkit-scrollbar-thumb {
  background: #2e3a50;
  border-radius: 99px;
  transition: background 0.3s;
}
::-webkit-scrollbar-thumb:hover {
  background: #7ab3d4;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #2e3a50 #1a1f2e;
}

body {
  font-family: 'Inter', 'Montserrat', sans-serif;
  background: var(--off-white);
  color: var(--warm-gray);
  font-weight: 400;
  overflow-x: hidden;
}