@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; }
}