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

:root {
  --bg: #D6E3EC;
  --bg-alt: #C8D9E5;
  --card: #EDF3F7;
  --ink: #16232C;
  --ink-soft: rgba(22,35,44,0.68);
  --ink-faint: rgba(22,35,44,0.45);
  --blue: #2F5C79;
  --blue-bright: #3F7196;
  --border: rgba(22,35,44,0.14);
  --white: #ffffff;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', sans-serif;
  background: var(--bg);
  color: var(--ink);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
body.loading { overflow: hidden; }

h1, h2, h3, .serif { font-family: 'Cormorant Garamond', serif; }

#scrollProgress {
  position: fixed;
  top: 0; left: 0;
  height: 2px;
  width: 0%;
  background: var(--blue);
  z-index: 200;
  transition: width 0.1s linear;
}