/* ============================================
   BASE — variables, reset, page system, scrollbar
   ============================================ */

/* ── ROOT VARIABLES & RESET ── */
:root{
  --teal:#40B5BD;--deep-teal:#2A8F97;--gold:#C9A84C;
  --dark1:#0F1C20;--dark2:#1A3540;--dark3:#2A4A54;
  --light:#F7FAFB;--dark-text:#1A2428;--mid:#4A6470;--border:#D4E8EA;
  --h:'Cormorant Garamond',serif;--b:'DM Sans',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--b);background:var(--light);color:var(--dark-text);overflow-x:hidden}

/* ── PAGES ── */

.page{display:none}
.page.active{display:block}

/* ── SCROLLBAR ── */

::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--dark1)}
::-webkit-scrollbar-thumb{background:var(--dark3);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--deep-teal)}