refactor(tokens): make token layer authoritative and wire to layout

- Imported tokens.css directly into BaseLayout.astro.
- Removed legacy :root variable definitions from chapters.css, skills-review/styles.css, rules/styles.css, and styles.css.
- Added self-hosted --font-sans and --font-mono to tokens.css and updated legacy font stacks.
- Removed base.css.
- Added a build-output check in check-tokens.mjs to ensure the token layer is loaded in dist html files.
This commit is contained in:
Marcos Paulo
2026-09-05 19:31:03 +00:00
parent 4b758c765d
commit 64b506aa32
13 changed files with 94 additions and 47 deletions
+1 -1
View File
@@ -15,7 +15,7 @@
.handoff thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.handoff tbody tr{padding:14px 0;border-bottom:1px solid var(--line)}
.handoff th,.handoff td{padding:4px 0;border:0}
.handoff td::before{display:block;margin-top:7px;color:var(--blue);font:600 9px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.handoff td::before{display:block;margin-top:7px;color:var(--blue);font:600 9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.handoff td:nth-child(2)::before{content:'Contains'}
.handoff td:nth-child(3)::before{content:'Why it matters'}
.route-table .head{display:none}