html {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 100%;
}

body {
  overflow-x: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Essential glass effect variables only */
:root {
  --glass-light: #bbbbbc;
  --glass-dark: #1b1b1d;
  --glass-dim: #152433;
  --reflex-light: 1;
  --reflex-dark: 1;
}


/* BASIC glass effects for above-fold content */
.bg-glass-light,
.bg-glass-dark,
.bg-glass-dim {
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}