/* Thème commun Justpita : jeux.justpita.net et justpita.net
   Inspiré de l'interface ui.com / UniFi (gris neutres, bleu d'accent, cartes arrondies).
   Modifier les couleurs ou les polices ici change les deux sites. */
:root {
  --bg: #f4f5f6;
  --surface: #ffffff;
  --sunken: #eceef0;
  --fg: #212327;
  --muted: #646b76;
  --line: #e1e4e8;
  --accent: #006fff;
  --accent-fg: #ffffff;
  --btn-bg: #006fff;
  --ok: #12873d;
  --warn: #a8660b;
  --off: #a3a9b1;
  --err: #d92d32;
  --f-display: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --f-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow: 0 1px 2px rgb(16 24 40 / .05), 0 1px 3px rgb(16 24 40 / .07);
  --shadow-hover: 0 4px 12px rgb(16 24 40 / .10);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #131416;
    --surface: #1c1e21;
    --sunken: #0f1012;
    --fg: #f2f3f5;
    --muted: #979da7;
    --line: #2c2f34;
    --accent: #4797ff;
    --accent-fg: #ffffff;
    --btn-bg: #0a6cff;
    --ok: #3fcf6e;
    --warn: #f0b429;
    --off: #5d6470;
    --err: #ff5c5f;
    --shadow: 0 1px 2px rgb(0 0 0 / .35);
    --shadow-hover: 0 4px 14px rgb(0 0 0 / .45);
    color-scheme: dark;
  }
}