/* =============================================================
   MASTER BLOG — VARIABLES DE PERSONNALISATION
   ▶ Choisissez UN thème de couleur ci-dessous (décommentez-le)
     et commentez les autres. C'est le seul fichier à modifier.
   ============================================================= */

/* ════════════════════════════════════════════════════════════
   THÈME 1 — OCEAN BLUE (défaut)
   ════════════════════════════════════════════════════════════ 
:root {
  --color-primary:        #2563eb;
  --color-primary-dark:   #1d4ed8;
  --color-primary-light:  #eff6ff;
  --color-primary-border: #bfdbfe;
  --gradient-primary:     linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
  --gradient-hero:        linear-gradient(135deg, #eff6ff 0%, #f5f3ff 50%, #fdf2f8 100%);
  --gradient-card-hover:  linear-gradient(135deg, #2563eb15, #7c3aed10);
}*/

/* ════════════════════════════════════════════════════════════
   THÈME 2 — EMERALD GREEN
   (décommentez ce bloc pour l'activer, commentez THÈME 1)
   ════════════════════════════════════════════════════════════*/
:root {
  --color-primary:        #059669;
  --color-primary-dark:   #047857;
  --color-primary-light:  #ecfdf5;
  --color-primary-border: #a7f3d0;
  --gradient-primary:     linear-gradient(135deg, #059669 0%, #0891b2 100%);
  --gradient-hero:        linear-gradient(135deg, #ecfdf5 0%, #e0f2fe 50%, #f0fdf4 100%);
  --gradient-card-hover:  linear-gradient(135deg, #05966915, #0891b210);
}


/* ════════════════════════════════════════════════════════════
   THÈME 3 — SUNSET ORANGE
   ════════════════════════════════════════════════════════════
:root {
  --color-primary:        #ea580c;
  --color-primary-dark:   #c2410c;
  --color-primary-light:  #fff7ed;
  --color-primary-border: #fed7aa;
  --gradient-primary:     linear-gradient(135deg, #ea580c 0%, #db2777 100%);
  --gradient-hero:        linear-gradient(135deg, #fff7ed 0%, #fdf2f8 50%, #fffbeb 100%);
  --gradient-card-hover:  linear-gradient(135deg, #ea580c15, #db277710);
}
*/

/* ════════════════════════════════════════════════════════════
   THÈME 4 — ROYAL PURPLE
   ════════════════════════════════════════════════════════════
:root {
  --color-primary:        #7c3aed;
  --color-primary-dark:   #6d28d9;
  --color-primary-light:  #f5f3ff;
  --color-primary-border: #ddd6fe;
  --gradient-primary:     linear-gradient(135deg, #7c3aed 0%, #db2777 100%);
  --gradient-hero:        linear-gradient(135deg, #f5f3ff 0%, #fdf2f8 50%, #eff6ff 100%);
  --gradient-card-hover:  linear-gradient(135deg, #7c3aed15, #db277710);
}
*/

/* ════════════════════════════════════════════════════════════
   THÈME 5 — ROSE PINK
   ════════════════════════════════════════════════════════════
:root {
  --color-primary:        #e11d48;
  --color-primary-dark:   #be123c;
  --color-primary-light:  #fff1f2;
  --color-primary-border: #fecdd3;
  --gradient-primary:     linear-gradient(135deg, #e11d48 0%, #ea580c 100%);
  --gradient-hero:        linear-gradient(135deg, #fff1f2 0%, #fff7ed 50%, #fdf2f8 100%);
  --gradient-card-hover:  linear-gradient(135deg, #e11d4815, #ea580c10);
}
*/

/* ════════════════════════════════════════════════════════════
   THÈME 6 — SLATE DARK (élégant neutre)
   ════════════════════════════════════════════════════════════
:root {
  --color-primary:        #475569;
  --color-primary-dark:   #334155;
  --color-primary-light:  #f8fafc;
  --color-primary-border: #cbd5e1;
  --gradient-primary:     linear-gradient(135deg, #475569 0%, #0f172a 100%);
  --gradient-hero:        linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);
  --gradient-card-hover:  linear-gradient(135deg, #47556915, #0f172a10);
}
*/

/* ── TYPOGRAPHIE (Plus Jakarta Sans — moderne) ────────────── */
:root {
  --font-sans:   'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-serif:  'Lora', 'Georgia', serif;
  --font-mono:   'Fira Code', 'Courier New', monospace;

  --font-size-base:   16px;
  --line-height-base: 1.75;

  /* ── LOGO SVG ────────────────────────────────────────────── */
  --logo-bg:            var(--gradient-primary);
  --logo-text-color:    #ffffff;
  --logo-border-radius: 10px;

  /* ── LAYOUT ──────────────────────────────────────────────── */
  --container-max:  1000px;
  --sidebar-width:  280px;
  --gap-section:    2.5rem;
  --gap-card:       1.25rem;
  --radius-sm:      6px;
  --radius-md:      10px;
  --radius-lg:      16px;
  --radius-xl:      24px;

  /* ── COULEURS NEUTRES (fond clair forcé) ─────────────────── */
  --color-bg:           #ffffff;
  --color-bg-secondary: #f8fafc;
  --color-bg-tertiary:  #f1f5f9;
  --color-border:       #e2e8f0;
  --color-border-light: #f1f5f9;

  --color-text:         #0f172a;
  --color-text-muted:   #64748b;
  --color-text-light:   #94a3b8;

  /* ── OMBRES ──────────────────────────────────────────────── */
  --shadow-sm:    0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md:    0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);
  --shadow-card:  0 2px 12px rgba(0,0,0,.06);
  --shadow-hover: 0 8px 30px rgba(0,0,0,.12);

  /* ── TRANSITIONS ─────────────────────────────────────────── */
  --transition: 220ms cubic-bezier(.4,0,.2,1);
}