/* ══════════════════════════════════════════════════════════
   BFEV Finance — Charte Graphique Minimaliste
   3 couleurs maximum — identité forte et cohérente
   ══════════════════════════════════════════════════════════ */

:root {
  /* ── Couleurs Principales ─────────────────────────────── */
  --navy-blue:    #1e3a5f;   /* Primaire — structure, navigation, titres */
  --amber-gold:   #c17817;   /* Action — CTA, liens, highlights */
  --light-gray:   #f1f5f9;   /* Fond — surfaces, cartes, séparateurs */

  /* ── Neutres (Texte & Bordures) ───────────────────────── */
  --text-primary:   #0f172a;
  --text-secondary: #475569;
  --text-disabled:  #94a3b8;
  --border-color:   #e2e8f0;
  --bg-white:       #ffffff;
  --bg-light:       #f8fafc;

  /* ── Alias Sémantiques ────────────────────────────────── */
  --primary:  var(--navy-blue);
  --accent:   var(--amber-gold);
  --surface:  var(--light-gray);

  /* ── Ombres ───────────────────────────────────────────── */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.10);

  /* ── Border Radius ────────────────────────────────────── */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;

  /* ── Typographie ──────────────────────────────────────── */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}