/*
Theme Name: Marche Anges 2026
Theme URI: https://marche-anges.org
Author: Pieds par Terre, Cœur en l'Air
Author URI: https://marche-anges.org
Description: Thème officiel de l'association Une marche pour nos Anges. Mobile-first, propulsé par Bootstrap 5. Conçu pour la sensibilisation au deuil périnatal — marches blanches du 15 octobre.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.9.x
Requires PHP: 8.0
License: Proprietary
Text Domain: marche-anges
Tags: custom-logo, custom-menu, custom-colors, featured-images, translation-ready, blog, charity, non-profit, bootstrap

Marche pour nos Anges is distributed under the terms of the GNU GPL.
*/

/* ── CSS Custom Properties (Design System) ────────────────────────────── */
:root {
  /* Primary Colors - Design System */
  --pink:           #cd67af;
  --pink-light:     #e8a8d8;
  --pink-pale:      #fdf0f9;
  --blue:           #0693e3;
  --blue-light:     #6ec4f2;
  --blue-pale:      #eef7fd;
  --gold:           #c9a96e;
  --white:          #ffffff;
  --cream:          #faf8f6;

  /* Text Colors - Design System */
  --text-dark:      #2d2535;
  --text-mid:       #5a4e6b;
  --text-soft:      #9b8faa;

  /* CTA Colors */
  --cta-bg:         #cd67af;
  --cta-color:      #ffffff;

  /* Border & Background */
  --border:         #e8dce5;

  /* Border Radius - Design System */
  --radius-sm:      8px;
  --radius-md:      16px;
  --radius-lg:      32px;

  /* Shadows - Design System */
  --shadow-sm:      0 2px 12px rgba(205,103,175,0.10);
  --shadow-md:      0 8px 40px rgba(205,103,175,0.18);
  --shadow-lg:      0 20px 80px rgba(6,147,227,0.12);

  /* Typography - Design System */
  --font-display:   'Cormorant Garamond', Georgia, serif;
  --font-body:      'Nunito', 'Segoe UI', sans-serif;

  /* ── Aliases for backwards compatibility with main.css ── */
  --pink-hover:     #b8539a;
  --pink-deep:      #963f7d;
  --pink-50:        var(--pink-pale);
  --pink-100:       #f9d9f0;
  --blue-hover:     #0579c0;
  --blue-50:        var(--blue-pale);
  --bg-soft:        var(--cream);
  --text:           var(--text-dark);
  --text-secondary: var(--text-mid);
  --text-muted:     var(--text-soft);
  --dark:           var(--text-dark);
  --dark-mid:       #342630;
  --radius-xl:      20px;
  --radius-pill:    999px;
  --shadow-pink:    0 4px 20px rgba(205,103,175,0.20);
}


/* ── Dark mode smooth transitions ── */
body,
body * {
  transition: background-color 0.35s ease, color 0.35s ease, border-color 0.2s ease;
}