/* Shared visual roles from Kolten Hesser's portfolio. Course structure stays course-specific. */
@font-face{font-family:Barlow;src:url('/fonts/barlow-400-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/barlow-500-latin.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/barlow-600-latin.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/barlow-700-latin.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-latin-variable.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--canvas:#110e13;--text:#eee8ed;--muted:#b2a3b1;--rose:#d49ab0;--line:#382c39;--surface:#1b141e;font-family:Barlow,Arial,sans-serif;color:var(--text);background:var(--canvas)}
body{background:var(--canvas)}
.site-header{background:var(--canvas);border-color:var(--line)}
.brand{color:var(--text)}
.brand-lockup strong{font-family:Bahnschrift,'Arial Narrow',Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
.brand-lockup span,.nav nav a,.eyebrow,.section-head>span,.card-bottom>span,.meta,.toc h2,.toc a,.breadcrumb{font-family:Consolas,'Courier New',monospace}
.brand-lockup span,.eyebrow{color:var(--rose)}
.nav nav a{color:var(--text)}
.hero{background:radial-gradient(circle at 80% 10%,#332437,transparent 42%),var(--canvas);border-color:var(--line)}
.hero h1,.course-head h1,.section-head h2,.card h2,.lesson h2,.lesson h3{font-family:Bahnschrift,'Arial Narrow',Arial,sans-serif;font-weight:700}
.hero p:last-child,.course-head>p:not(.eyebrow),.card p,.lesson p,.lesson li{font-family:Barlow,Arial,sans-serif}
.hero p:last-child,.course-head>p:not(.eyebrow),.card p{color:var(--muted)}
.catalog .card{background:var(--surface);border-color:var(--line)}
.card h2 a{color:var(--text)}
.button{font-family:Manrope,Arial,sans-serif;font-weight:650;background:var(--rose);color:var(--canvas);min-height:44px;display:inline-flex;align-items:center;gap:.35em}
.button:hover{background:#efbed0}
.breadcrumb,.course-head,.lesson th,.lesson td,footer{border-color:var(--line)}
.lesson th{background:#332437}
.lesson blockquote{border-color:var(--rose)}
/* Keep inherited course-detail surfaces on the portfolio token set. */
a{color:var(--rose)}
a:focus-visible{outline-color:var(--rose)}
.section-head>span,.card-bottom>span,.breadcrumb,footer{color:var(--muted)}
.meta span{border-color:var(--line);color:var(--muted)}
.toc{border-color:var(--line)}
.toc h2{color:var(--rose)}
.toc a{color:var(--muted)}
.lesson p,.lesson li,.lesson strong{color:var(--text)}
.lesson code{background:var(--surface)}
@media(max-width:480px){.brand-lockup strong{letter-spacing:.06em}.card h2{font-size:2rem}}