/* utrpaul.com — base tokens + reset.
 * Minimal, typographic, light + dark via prefers-color-scheme.
 * The single accent is deliberately easy to swap (see --accent). */

:root {
  --bg: #fbfaf8;
  --fg: #1a1916;
  --muted: #6f6b63;
  --muted-soft: #a09a8f;
  --rail: #e8e4dc;
  --accent: #007aff;

  --size: 13.3px;
  --measure: 40rem;
  --font-sans: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Text",
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas,
    monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #100f0d;
    --fg: #ece8e1;
    --muted: #908a7f;
    --muted-soft: #6b665d;
    --rail: #272420;
    --accent: #0a84ff;
  }
}

* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-sans);
  font-size: var(--size);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* One type size site-wide; hierarchy comes from weight, color, and space. */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
}

a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--accent) 38%, transparent);
  transition: color 120ms ease, border-color 120ms ease;
}
a:hover {
  color: var(--accent);
  border-bottom-color: var(--accent);
}

::selection {
  background: color-mix(in srgb, var(--fg) 15%, transparent);
  color: inherit;
}