website: fix dark mode, table contrast, prose opacity, add AGENTS.md

Dark mode fix: import liveline.css and liveline-prism.css via CSS @import
in globals.css instead of JS import in the route file. This brings them
into the Tailwind compilation chain so @variant dark works. @variant dark
silently fails in CSS files imported only via JS — documented this
constraint in website/AGENTS.md.

- Prism dark colors use CSS variables on :root with @variant dark
- liveline.css dark overrides use @variant dark nested inside selectors
- Table cells use --ll-text-primary for full contrast in both modes
- Prose paragraphs at 0.82 opacity, bold and inline code punch through
  to full opacity for visual hierarchy
- Prose line-height increased to 22px
- Add website/AGENTS.md documenting dark mode rules

This commit is contained in:

Tommy D. Rossi

2026-02-20 17:20:09 +01:00

parent b2ab69c236

commit 44b367a927

6 changed files with 263 additions and 144 deletions

									
										website/src/routes/liveline.tsx
									
		-2
	
												View File
												
				@@ -6,8 +6,6 @@

				import type { MetaFunction } from "react-router";

				import dedent from "string-dedent";

				import "website/src/styles/liveline.css";

				import "website/src/styles/liveline-prism.css";

				import {

				  EditorialPage,

				  P,