Kantin-Petit
9de0132676
Package web/ : React 19 + Vite 8 + Tailwind 4 + react-router 7 + PWA. Tokens dark HUD Jarvis-red, client API, contexte auth JWT, shell + garde de route, écran Login (mot de passe + TOTP). Chat/Review en stubs. Build OK, 0 vuln. docs/ui-design.md. Palier de risque : reversible (front statique, aucun accès infra direct). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
38 lines
1.1 KiB
CSS
38 lines
1.1 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Fira+Sans:wght@300;400;500;600;700&display=swap');
|
|
@import "tailwindcss";
|
|
|
|
/* Design tokens CHLOVA — Dark HUD "Jarvis-red" (voir docs/ui-design.md). */
|
|
@theme {
|
|
--color-bg: #020617;
|
|
--color-surface: #0f172a;
|
|
--color-surface-2: #1e293b;
|
|
--color-border: #334155;
|
|
--color-fg: #f8fafc;
|
|
--color-muted: #94a3b8;
|
|
|
|
--color-accent: #ff3b3b; /* identité / action primaire (glow HUD) */
|
|
--color-accent-dim: #b91c1c; /* destructif */
|
|
--color-success: #22c55e;
|
|
--color-warning: #f59e0b;
|
|
--color-danger: #b91c1c;
|
|
|
|
--font-sans: "Fira Sans", system-ui, sans-serif;
|
|
--font-mono: "Fira Code", ui-monospace, monospace;
|
|
}
|
|
|
|
html, body, #root { height: 100%; }
|
|
body {
|
|
margin: 0;
|
|
background: var(--color-bg);
|
|
color: var(--color-fg);
|
|
font-family: var(--font-sans);
|
|
}
|
|
|
|
/* Glow minimal HUD pour l'accent. */
|
|
.glow { text-shadow: 0 0 10px rgb(255 59 59 / 0.6); }
|
|
.ring-accent:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
* { animation: none !important; transition: none !important; }
|
|
}
|