/* ============================================================================= hugo-tufte-override.css Nord palette, typography, and section-specific overrides. Font-face declarations live in fonts.css (loaded before this file). ============================================================================= */ /* ── Font custom properties ────────────────────────────────────────────────── Defined at :root so they cascade to all elements. Section-specific rules override these below. --------------------------------------------------------------------------- */ :root { --font-body: 'Source Serif 4', Georgia, serif; --font-mono: 'JetBrains Mono', 'Courier New', monospace; --font-ui: 'Ubuntu', system-ui, sans-serif; --font-display: 'Lobster', cursive; } /* ── Site-wide base assignments ────────────────────────────────────────────── Apply the body and mono variables to the elements tufte-css controls. --------------------------------------------------------------------------- */ body { font-family: var(--font-body); font-optical-sizing: auto; /* activates Source Serif 4's opsz axis */ } code, pre, .sourceCode { font-family: var(--font-mono); } nav, footer, .meta, time, .tags, .tag { font-family: var(--font-ui); } /* ── Section-specific overrides ────────────────────────────────────────────── Hugo adds a body class derived from the current section. Inspect the rendered HTML to confirm the exact class names: hugo server -D View source → search for Common patterns in hugo-tufte: body.professional, body.engineer, body.creator or a data attribute: body[data-section="professional"] Placeholder rules are provided below. Uncomment and adjust the selectors once the actual class names are confirmed from the rendered source. --------------------------------------------------------------------------- */ /* Professional — Source Serif 4 body, Ubuntu UI Typographic tone: authoritative, clean */ body.professional { font-family: var(--font-body); } /* Engineer — JetBrains Mono headings, Source Serif 4 body Typographic tone: technical texture with readable prose */ body.engineer h1, body.engineer h2, body.engineer h3 { font-family: var(--font-mono); } /* Creator — Lobster display heading, Source Serif 4 body Typographic tone: warm, less formal */ body.creator h1 { font-family: var(--font-display); font-weight: 400; }