/* Fonts and variables are now loaded via <link> tags in the layout to ensure deterministic ordering. */

/* Base tweaks (previously in SCSS, now using CSS variables) */
:root {
  color-scheme: light;
}

html, body {
  height: 100%;
}

body {
  font-family: var(--font-family-base);
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-title);
  color: var(--darkblue);
}

a { color: var(--white); text-decoration: none; }
a:hover { color: var(--bs-light); }

/* Utility example mapping from old SCSS */
.badge { font-weight: var(--badge-font-weight); padding: var(--badge-padding-y) var(--badge-padding-x); }

/* Simple helpers that were used in base pages */
.text-muted { color: var(--text-muted) !important; }

/* Space for additional progressive conversions from SCSS to CSS */
/* --- add component-specific CSS here as we migrate --- */