/*
  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, body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  scroll-behavior: smooth;

  background-color: #ffffff;         /* Use default background token */
  color: #333333;                  /* Default readable body text */
  font-family: '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 {
  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 */
}