Ben Stull
cbf02d5507
Replace hardcoded colors, font-sizes, and radii in App.css/index.css with the tokens.css design-token system. Consolidate ~80 distinct hex values onto the neutral ramp + semantic/status families, map font-size literals to the --text-* scale and border-radius literals to the --radius-* scale, route the on-dark translucent-white pattern and header band through their semantic tokens, and point the base rules at --color-bg/--color-text/--font-sans. Add an appended interaction-polish layer: a coherent transition vocabulary (var(--motion-base) var(--ease-out)) on surfaces that already react to hover, plus one consistent :focus-visible ring using var(--color-focus-ring). No existing selector renamed or removed; only property values changed and additive rules appended. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
14 lines
339 B
CSS
14 lines
339 B
CSS
:root {
|
|
font-family: var(--font-sans);
|
|
color: var(--color-text);
|
|
background: var(--color-bg);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
* { box-sizing: border-box; }
|
|
html, body, #root { height: 100%; margin: 0; }
|
|
body { overflow: hidden; }
|
|
a { color: inherit; }
|
|
button { font-family: inherit; }
|