/* ============================================================================
Open TV Streams — Blog design language
Same-origin stylesheet (served at /blog.css). CSP-safe:
default-src 'self' allows the ; style-src 'self' covers this file;
font-src 'self' data: => NO web-font CDN, we ride the site font stack
('VT323', monospace) that /styles.css already declares on .
Tokens lifted verbatim from the homepage (styles.css + the canonical
brand blog pattern in public/blog.html):
--bg #0a0a0a page background (body)
--surface #000 panels / cards / header / footer
--surface-2 #111 inset fields
--border #222 hairline card border
--border-2 #333 secondary border / dividers
--accent #ff0000 brand red (links, hover, rules)
--text #fff primary text
--text-dim #aaa body copy
--text-mute #666 meta / captions
font: 'VT323', monospace (declared by /styles.css; we only inherit)
uppercase + wide letter-spacing, hard edges (no border-radius),
brutalist hover: red fill sweep + translate + 0-blur #000 shadow.
============================================================================ */
:root {
--otv-bg: #0a0a0a;
--otv-surface: #000;
--otv-surface-2: #111;
--otv-border: #222;
--otv-border-2: #333;
--otv-accent: #ff0000;
--otv-text: #fff;
--otv-text-dim: #aaa;
--otv-text-mute: #666;
--otv-maxw: 1200px;
--otv-maxw-article: 900px;
}
/* Inherit the site font/colour from /styles.css ; only normalise the
blog wrappers so a missing inline block can't fall back to a serif. */
.blog-container,
.article-container {
font-family: 'VT323', monospace;
color: var(--otv-text);
}
/* Site title in the header (matches homepage