/* #region ==========================================================
   BASE
   Foundation Styles

   Contains:
   - Design Tokens
   - Browser Reset
   - HTML & Body Defaults
   - Global Element Defaults

   This file should contain only site-wide defaults.
   No components or section-specific styling belongs here.
   ========================================================== */
   
/* #region ========== Reset ========== */

*, 
*::before, 
*::after { 
    box-sizing: border-box; 
} /* Apply border-box sizing to all elements and pseudo-elements for consistent sizing */
/* #endregion */


/* #region ========== DOCUMENT DEFAULTS ========== */
html { 
    scroll-behavior: smooth; 
    -webkit-text-size-adjust: 100%; 
} /* Enable smooth scrolling and prevent font size adjustments on mobile devices */

body {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} /* Set default font, color, background, and line height for the body, with font smoothing for better readability */
/* #endregion */


/* #region ========== GLOBAL ELEMENT DEFAULTS ========== */
img, 
svg, 
object { 
    max-width: 100%; 
    display: block; 
} /* Ensure images, SVGs, and objects scale responsively and are block-level elements */

a { 
    color: inherit; 
    text-decoration: none; 
    transition: color .2s ease, 
    opacity .2s ease; 
} /* Smooth transition for color and opacity changes on links */

button { 
    font: inherit; 
    cursor: pointer; 
    border: 0; 
    background: none; 
    color: inherit;
} /* Reset button styles to inherit font, remove default border and background, and ensure proper padding and list style */

ul, 
ol {
    padding-left: 0; 
    list-style-position: inside; 
} /* Remove default padding and set list-style-position to inside for unordered and ordered lists */
/* #endregion */