/**
 * Base Styles
 * 
 * Provides reset styles and base element styling for the application.
 * Dependencies: variables.css
 */

/* === Reset === */
* {
  box-sizing: border-box;
}

html {
  height: auto;
}

/* === Body === */
body {
  min-height: 100vh;
  margin: 0;
  padding-left: var(--page-margin);
  padding-right: var(--page-margin);
  font-family: var(--sans);
  background: var(--background);
  color: var(--ink);
}

/* === Utility Classes === */
.hidden {
  display: none !important;
}

/* === Link Styles === */
.site-header a {
  text-decoration: none;
}