/* ============================================
   Île Marine — Thème global (variables CSS)
   Source unique des couleurs, typo et espacements.
   Chargé sur toutes les pages via base.html.
   ============================================ */

:root {
  /* Couleurs de marque */
  --im-primary: #1461b5;        /* Bleu principal */
  --im-primary-dark: #0a3d6e;   /* Bleu foncé (hover, dégradés) */
  --im-accent: #f59e0b;         /* Ambre (promos, badges) */
  --im-accent-dark: #d97706;

  /* Neutres (échelle slate) */
  --im-text: #1e293b;           /* Texte principal */
  --im-text-muted: #64748b;     /* Texte secondaire */
  --im-text-light: #94a3b8;     /* Texte discret */
  --im-border: #e2e8f0;         /* Bordures */
  --im-border-strong: #cbd5e1;
  --im-bg: #f8fafc;             /* Fond de page */
  --im-bg-alt: #f1f5f9;         /* Fond de section */

  /* États */
  --im-success: #166534;
  --im-success-bg: #dcfce7;
  --im-danger: #dc2626;
  --im-danger-dark: #991b1b;
  --im-danger-bg: #fee2e2;
  --im-info-bg: #e0f2fe;

  /* Typographie */
  --im-font-body: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --im-font-serif: 'Lora', Georgia, serif;

  /* Espacements et rayons */
  --im-radius-sm: 8px;
  --im-radius: 12px;
  --im-radius-lg: 16px;
  --im-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
  --im-shadow: 0 4px 12px rgba(15, 23, 42, 0.10);
  --im-shadow-lg: 0 10px 30px rgba(15, 23, 42, 0.15);
}