/*
  base.css — Global Resets and Foundations
  ----------------------------------------
  Applies universal box model, base element defaults, and accessible text settings.
  Avoids layout-specific or visual-heavy styles.
*/

html {
  overflow-x: hidden;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  scroll-behavior: smooth;

  background-color: #f7f7f5;
  color: #1d1d19;                  /* Default readable body text */
  font-family: "Manrope", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;             /* Global font family */
  font-size: 1rem;            /* Base font size */
  line-height: 1.5;      /* Standard vertical rhythm */
  letter-spacing: 0;
}

body {
  overflow-y: visible;
  position: relative;                        /* Prevent layout overflow with fixed elements */
  min-height: 100vh;                         /* Ensure full-height pages */
  -webkit-font-smoothing: antialiased;       /* Enhance text rendering */
  -moz-osx-font-smoothing: grayscale;
}

*, *::before, *::after {
  box-sizing: border-box;                    /* Consistent box model */
}

/* Keep main navbar fixed on homepage/about while content scrolls under it */
body.guc-homepage #comingSoonNavbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
}

body.guc-about-page #comingSoonNavbar,
body:has([data-about-stack]) #comingSoonNavbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  background: #f7f7f5;
  backdrop-filter: blur(2px);
}

body.guc-about-page #comingSoonNavbar.is-menu-open,
body.guc-homepage #comingSoonNavbar.is-menu-open,
body:has([data-about-stack]) #comingSoonNavbar.is-menu-open {
  z-index: 260;
}