/*
PATH: /css/base.css
TYPE: stylesheet
STATUS: shared

PURPOSE:
Shared foundation stylesheet loaded immediately after tokens.css. Establishes the
global reset, base element defaults, typography foundations, media defaults, and
low-level interaction rules that all later layout, component, and page files build on.

OWNS:
Reset rules, html/body defaults, base image treatment, form-control inheritance,
paragraph defaults, and baseline anchor behavior.

USED BY:
All pages that use the shared CSS stack.

NOTES:
Keep this file limited to true element-level foundation rules. Do not place layout,
button components, or page/family patterns here.
*/

/* =========================
   Reset and document base
   ========================= */

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-body);
  background: var(--light);
  color: var(--text-dark);
  line-height: 1.6;
}

/* =========================
   Media and form defaults
   ========================= */

img {
  display: block;
  width: 100%;
  height: auto;
}

input,
button {
  font: inherit;
}

/* =========================
   Text element defaults
   ========================= */

p {
  margin: 0;
}

/* =========================
   Baseline link behavior
   ========================= */

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

a:hover,
a:focus-visible {
  text-decoration: none;
}

/* Global media reset: no borders on images by default */
img {
  border: 0;
}