/* Variables globales — utilisées dans toutes les pages */
:root {
  --color-primary: #1A56DB;
  --color-primary-dark: #1342B5;
  --color-accent: #f5b700;
  --color-bg: #F8FAFC;
  --color-text: #1E293B;
  --color-text-muted: #64748B;
  --color-surface: #FFFFFF;
  --color-border: #E2E8F0;
  --radius: 8px;
  --shadow: 0 2px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 24px 48px rgba(0,0,0,0.12);
  --font-main: 'Manrope', 'Inter', system-ui, sans-serif;

  /* Compatibilité avec l'ancien code */
  --accent: #f5b700;
  --deep: #1d1d1f;
  --muted: #6a6a75;
  --surface: #fff;
  --surface-alt: #f7f7fb;
  --surface-strong: #f1f1f5;
  --text: #1d1d1f;
  --border: #ececf2;
}

/* Reset de base */
*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-main);
  background: var(--color-bg);
  color: var(--color-text);
}

/* Mode sombre */
body.dark {
  --surface: #111722;
  --surface-alt: #0b0f17;
  --surface-strong: #0f141f;
  --text: #f3f4f6;
  --muted: #aeb4c5;
  --border: #1f2330;
  --color-bg: #0b0f17;
  --color-text: #f3f4f6;
  --color-surface: #111722;
  --color-border: #1f2330;
  background: var(--surface-alt);
  color: var(--text);
}

/* Classe utilitaire pour cacher un élément */
.is-hidden { display: none !important; }

/* Messages de statut (succès / erreur) */
.form-status {
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
}
.form-status.is-hidden { display: none; }
.form-status.is-error { background: #fff1f1; color: #a12626; border: 1px solid #f0c9c9; }
.form-status.is-success { background: #effaf1; color: #1d7a32; border: 1px solid #c8e9cf; }