b24a0f064d
- Add @media (prefers-reduced-motion: reduce) override to disable animations for vestibular-sensitive users (covers hero + future scroll/infinite anims) - Replace 5-star icon + '27 cabinets' claim with shield + 'Conçu avec 9 ordres professionnels' + 'Pré-inscription ouverte' (LPC art. 219 + Competition Act s. 52 compliance — pre-launch claims must be factual) - Convert H1/H2/H3 letter-spacing from absolute px to em-relative (-3px → -0.028em on H1) so tracking scales correctly with clamp font-size on mobile - Update test_hero_has_social_proof_microcopy to assert new copy Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
47 lines
1.1 KiB
CSS
47 lines
1.1 KiB
CSS
@import "tailwindcss";
|
|
@config "./tailwind.config.js";
|
|
|
|
@layer base {
|
|
@font-face {
|
|
font-family: 'Inter Variable';
|
|
src: url('/static/fonts/Inter-Variable.woff2') format('woff2-variations');
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: 'JetBrains Mono Variable';
|
|
src: url('/static/fonts/JetBrainsMono-Variable.woff2') format('woff2-variations');
|
|
font-weight: 100 800;
|
|
font-display: swap;
|
|
}
|
|
body {
|
|
@apply font-sans bg-white text-brand-navy antialiased;
|
|
}
|
|
h1, h2, h3 { @apply font-black; letter-spacing: -0.022em; }
|
|
h1 { letter-spacing: -0.028em; }
|
|
}
|
|
|
|
@layer utilities {
|
|
.grad-text {
|
|
@apply bg-brand-grad bg-clip-text text-transparent;
|
|
}
|
|
.grad-bg {
|
|
@apply bg-brand-grad text-white;
|
|
}
|
|
.eyebrow {
|
|
@apply text-[11px] uppercase font-bold tracking-[0.18em];
|
|
}
|
|
}
|
|
|
|
/* WCAG 2.3.3 — respect user's motion preference */
|
|
@media (prefers-reduced-motion: reduce) {
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
animation-duration: 0.01ms !important;
|
|
animation-iteration-count: 1 !important;
|
|
transition-duration: 0.01ms !important;
|
|
scroll-behavior: auto !important;
|
|
}
|
|
}
|