chore: initial commit

Vue 3 + Tailwind v4 frontend scaffold with living design system
at /design. Pinned dependencies, dev-only a11y toolbar with
colour-vision simulation, WCAG contrast checker, and axe-core audit.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-04-19 15:09:27 +01:00
commit 7bd8e0a181
43 changed files with 3296 additions and 0 deletions

39
src/assets/styles.css Normal file
View File

@@ -0,0 +1,39 @@
@import 'tailwindcss';
@import '../design-system/tokens.css';
html {
scroll-behavior: smooth;
font-size: 17px;
}
body {
background: var(--color-surface);
color: var(--color-ink);
font-family: var(--font-sans);
line-height: 1.55;
}
:focus-visible {
outline: 2px solid var(--color-brand);
outline-offset: 2px;
border-radius: 4px;
}
/* Room above anchor targets when scrolling */
[id] {
scroll-margin-top: 2rem;
}
/* Typography helpers */
.font-display {
font-family: var(--font-serif);
}
.eyebrow {
font-family: var(--font-sans);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: var(--tracking-eyebrow);
text-transform: uppercase;
color: var(--color-muted);
}