/* style.css */

/* ------------ Fonts ------------ */
@font-face {
  font-family: "Computer Modern Serif";
  src: url("../fonts/serif/cmunrm.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Computer Modern Serif";
  src: url("../fonts/serif/cmunrb.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Computer Modern Serif";
  src: url("../fonts/serif/cmunsl.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "Computer Modern Serif";
  src: url("../fonts/serif/cmunbx.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Computer Modern Serif";
  src: url("../fonts/serif/cmunbl.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "Source Code Pro";
  src: url("../fonts/mono/SourceCodeVF-Upright.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: block;
}

/* ------------ Layout ------------ */
:root {
  color-scheme: light;  /* opt-out of forced dark mode */
}

body {
  background-color: #FAF4E6;
  font-family: "Computer Modern Serif";
  font-size: 105%;
  max-width: 960px;  /* Most factorable number between 900-1000 */
  width: 90%;
  margin: 0 auto;
}

header,
footer {
  text-align: center;
}

/* ------------ Links ------------ */
a.local,
a.outer,
a.github,
a.repo,
a.book {
  text-decoration: none;
}

a.local,
a.outer,
a.github,
a.book,
a.cv {
  font-weight: 600;
}

/* Internal links */
a.local:link {
  color: #805000;
}

a.cv:link {
  color: #000000;
}

a.local:visited,
a.cv:visited {
  color: #402800;
}

/* External non-GitHub links */
a.outer:link {
  color: #0072B2;
}

a.outer:visited {
  color: #003959;
}

/* GitHub links */
a.github:link,
a.repo:link {
  color: #007B59;
}

a.github:visited,
a.repo:visited {
  color: #003E2C;
}

a.local:hover,
a.local:focus,
a.local:active,
a.cv:hover,
a.cv:focus,
a.cv:active {
  color: #997333;
  text-decoration: underline;
}

a.outer:hover,
a.outer:focus,
a.outer:active,
a.book:hover,
a.book:focus,
a.book:active {
  color: #338EC1;
  text-decoration: underline;
}

a.github:hover,
a.github:focus,
a.github:active,
a.repo:hover,
a.repo:focus,
a.repo:active {
  color: #33957A;
  text-decoration: underline;
}

a.repo {
  font-family: "Source Code Pro";
  font-weight: 650;
  font-size: 90%;
}

a.book {
  font-weight: 700;
  font-style: italic;
}

a.cv {
  text-decoration: underline;
}

/* Stealth link: looks exactly like normal text */
a.stealth-link,
a.stealth-link:link,
a.stealth-link:visited,
a.stealth-link:hover,
a.stealth-link:active,
a.stealth-link:focus {
  color: inherit;
  text-decoration: none;
  outline: none;  /* optional: hide focus ring for full invisibility */
}

/* ------------ Utilities ------------ */
ul.spaced {
  display: flex;
  flex-direction: column;  /* keep bullets vertical */
  gap: 0.5rem;
}

.centered-image {
  display: block;
  margin: 2rem auto;  /* centers horizontally */
  max-width: 600px;   /* “tasteful” max width */
  width: 80%;         /* scales on smaller screens */
  height: auto;       /* keep aspect ratio */
}