Marcos Paulo
64b506aa32
- 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.
33 lines
643 B
CSS
33 lines
643 B
CSS
:root {
|
|
/* Palette */
|
|
--accent: #7c78a8;
|
|
--blue: #527f9f;
|
|
--deep: #102536;
|
|
--gold: #efc76b;
|
|
--ink: #172f42;
|
|
--line: #d8dee2;
|
|
--muted: #697b89;
|
|
--paper: #f5f4f1;
|
|
--red: #a7483f;
|
|
--violet: #6b668f;
|
|
|
|
/* Fonts */
|
|
--font-sans: manrope, arial, sans-serif;
|
|
--font-mono: 'DM Mono', monospace;
|
|
|
|
/* Typography Scale */
|
|
--step-display: clamp(56px, 9vw, 126px);
|
|
--step-6: clamp(36px, 5vw, 65px);
|
|
--step-5: clamp(24px, 3vw, 38px);
|
|
--step-4: clamp(22px, 3vw, 36px);
|
|
--step-1: 15px;
|
|
--step-0: 11px;
|
|
|
|
/* Breakpoints */
|
|
--bp-sm: 560px;
|
|
--bp-md: 800px;
|
|
--bp-lg: 1100px;
|
|
--bp-xl: 1600px;
|
|
--bp-2xl: 2200px;
|
|
}
|