/* =====================================================================
   theme.css -- jetons de design partages par toutes les pages du site
   (index/galerie/carte/admin). Modifier une couleur ici la change PARTOUT
   -- c'est le seul endroit a toucher pour ajuster l'identite visuelle
   (inspiree de la maquette envoyee par Lucas le 14/09/2026).
   ===================================================================== */

:root {
  --bg: #0b0c12;
  --bg-elevated: #14151f;
  --panel: #14151f;
  --panel-2: #191b26;
  --border: #262a3d;
  --text: #f1f1f6;
  --muted: #9a9db0;
  --muted-dim: #6d7086;

  --accent: #7d86fb;
  --accent-dark: #5f68e0;
  --accent-soft: rgba(125, 134, 251, 0.14);
  --accent-soft-border: rgba(125, 134, 251, 0.35);

  --success: #4fbf6a;
  --success-bg: #1f3a26;
  --success-border: #2a5a35;
  --success-text: #9affb0;

  --danger: #ff6b6b;
  --danger-bg: #3a1f22;
  --danger-border: #5a2a2e;
  --danger-text: #ff9a9a;

  --warning-bg: #3a2f1f;
  --warning-border: #5a462a;
  --warning-text: #ffcf9a;

  --font-display: 'Anton', 'Arial Narrow', sans-serif;
  --font-hand: 'Caveat', cursive;
  --font-body: 'Inter', -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Petite couronne reutilisable (logo) -- un seul trace, recolorable via
   "color" (currentColor), utilise dans le lockup .brand de chaque page. */
.crown-mark { display: block; }