/* GLOBAL STYLES (global.css)
Theme variables and structural resets.
*/

:root {
  --bg-primary: #bac3d9;
  --bg-secondary: #f8fafc;
  --text-main: #ffffff;
  --text-dim: rgba(255, 255, 255, 0.7);
  --font-main: "Times New Roman", Times, serif;

  /* Layering Scale */
  --z-background: -1;
  --z-content: 1;
  --z-overlay: 1000;
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* STICKY REQUIREMENT:
html and body must NOT have 'overflow: hidden' or 'height: 100%'
for position: sticky to track the scroll position properly.
*/
html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  min-height: 100vh;
  font-family: var(--font-main);
  color: var(--text-main);
  background-color: var(--bg-primary);
  line-height: 1.6;
  font-weight: 650;

  /* Hide scrollbar track while keeping functionality */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body::-webkit-scrollbar {
  display: none;
}

/* Typography Helpers */
h1,
h2,
h3 {
  font-weight: 800;
}

a {
  color: inherit;
  text-decoration: none;
}