/* matthewmartin.work vibe for the Evidence site: gruvbox hard-dark,
   Iosevka everywhere. Injected post-build by the evidence_site asset;
   fonts served by nginx from /fonts/ (same origin). */

@font-face {
  font-family: "Iosevka Web";
  src: url("/fonts/Iosevka-Regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Iosevka Web";
  src: url("/fonts/Iosevka-Bold.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Iosevka Web";
  src: url("/fonts/Iosevka-Italic.woff2") format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
}

:root {
  --bg0h: #1d2021; --bg0: #282828; --bg1: #3c3836;
  --fg0: #fbf1c7; --fg1: #ebdbb2; --fg4: #a89984;
  --aqua: #8ec07c; --orange: #fe8019; --blue: #83a598;
  --mono: "Iosevka Web", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

html {
  background: var(--bg0h);
}

body {
  font-family: var(--mono) !important;
  min-height: 100vh; /* gradient must fill the viewport on short pages */
  background: radial-gradient(120% 80% at 50% 0%, #32302f 0%, var(--bg0h) 65%) fixed;
  font-variant-ligatures: normal;
  font-feature-settings: "calt" 1;
  -webkit-font-smoothing: antialiased;
}

/* ---- terminal frame: hide Evidence chrome, dress <main> as the term card
   (mirrors the .term / .titlebar treatment on matthewmartin.work) ---- */

header,
aside,
div[class*="capitalize"][class*="gap-1"] /* breadcrumbs */ {
  display: none !important;
}

main {
  margin: clamp(1rem, 4vw, 3rem) auto !important;
  padding: 1.5rem clamp(1rem, 3vw, 2rem) 2.5rem !important;
  max-width: 60rem !important;
  background: var(--bg0);
  border: 1px solid #1a1a1a;
  border-radius: 10px;
  box-shadow: 0 1px 0 rgba(235, 219, 178, 0.05) inset,
              0 24px 60px -20px rgba(0, 0, 0, 0.75),
              0 4px 14px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

main::before {
  content: "matt@dwh: ~";
  display: block;
  margin: -1.5rem calc(-1 * clamp(1rem, 3vw, 2rem)) 1.5rem;
  padding: 0.6rem 0.85rem 0.6rem 4.6rem;
  background-image:
    radial-gradient(circle at 1.15rem 50%, #fb4934 0.36rem, transparent 0.42rem),
    radial-gradient(circle at 2.43rem 50%, #fabd2f 0.36rem, transparent 0.42rem),
    radial-gradient(circle at 3.71rem 50%, #b8bb26 0.36rem, transparent 0.42rem),
    linear-gradient(var(--bg1), #35302d);
  border-bottom: 1px solid #1a1a1a;
  color: var(--fg4);
  font-size: 0.85em;
}

h1, h2, h3, h4, h5, h6, p, li, a, td, th, span, div, button, input,
select, label, code, pre, table {
  font-family: var(--mono) !important;
}

h1, h2, h3 {
  color: var(--fg0);
}

a {
  color: var(--aqua);
}
a:hover {
  color: var(--orange);
}