/*
Theme Name: Solidarité Active
Theme URI: https://www.solidariteactive.org
Author: ComOneGroup — Waly Mamadou Thiam
Author URI: https://comonegroup.com
Description: Thème sur-mesure pour Solidarité Active — ONG sénégalaise de justice économique féministe. Conçu pour Elementor Pro (Theme Builder) + ACF Pro. Implémente le design system « Du potentiel au pouvoir » : violet institutionnel, or d'action, Poppins / Source Sans 3, grammaire d'arcs entrelacés. Enregistre 9 types de contenus dynamiques et une page de réglages globaux.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solidarite-active
Tags: nonprofit, elementor, custom-colors, translation-ready
*/

/* =========================================================================
   DESIGN SYSTEM — Solidarité Active
   Source de vérité : écran « 02 · Design system » de la maquette.
   Règle de couleur : violet = autorité / institution / fond.
                      or   = action, chiffres, filets. RIEN D'AUTRE.
   Interdit : petit corps orange sur violet.
   ========================================================================= */
:root {
  /* --- Couleurs de marque --- */
  --sa-violet:       #6A2382; /* violet — autorité, aplats, boutons primaires */
  --sa-violet-dark:  #4A1A5C; /* violet foncé — titres, fonds profonds, footer */
  --sa-or:           #F2A62B; /* or — action, chiffres, filets, soulignements */
  --sa-or-dark:      #D98F14; /* or survol */
  --sa-bg:           #F7F4F9; /* fond général lilas très clair */
  --sa-texte:        #3A3A3A; /* corps de texte */
  --sa-blanc:        #FFFFFF;

  /* --- Neutres dérivés --- */
  --sa-muted:        #6B6B6B; /* texte secondaire */
  --sa-mono-muted:   #8A7A92; /* légendes mono */
  --sa-line:         #EDE6F0; /* filets / bordures de cartes */
  --sa-line-form:    #DDD0E3; /* bordures de champs */
  --sa-violet-pale:  #F0E7F3; /* fond de badge doux */
  --sa-violet-soft:  #E9DCEE; /* état désactivé */
  --sa-violet-tint:  #C9B4D2; /* bordures pointillées */
  --sa-disabled-txt: #A48DAE;
  --sa-placeholder:  #9A8AA2;
  --sa-erreur:       #C0392B;

  /* --- Typographie --- */
  --sa-font-titre: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;
  --sa-font-corps: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sa-font-mono:  ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Échelle typographique (mobile-first, fluide jusqu'au desktop) */
  --sa-fs-hero:  clamp(2.5rem, 6vw, 4.75rem);    /* hero manifeste, jusqu'à 76 px */
  --sa-fs-h1:    clamp(2.25rem, 5.5vw, 3.75rem); /* 36 → 60 px, Poppins 800, tracking -2% */
  --sa-fs-h2:    clamp(1.75rem, 3.6vw, 2.25rem); /* 28 → 36 px, Poppins 700 */
  --sa-fs-h3:    clamp(1.25rem, 2.2vw, 1.375rem);/* 20 → 22 px, Poppins 600 */
  --sa-fs-corps: 1.125rem;  /* 18 px — lisibilité plein soleil, réseau lent */
  --sa-fs-card:  1rem;      /* 16 px */
  --sa-fs-mono:  0.6875rem; /* 11 px, letter-spacing .16em */
  --sa-lh-corps: 1.7;
  --sa-track-h1: -0.02em;
  --sa-track-mono: 0.16em;

  /* --- Espacements (8 / 16 / 24 / 40 / 64 / 96) --- */
  --sa-s1: 8px;
  --sa-s2: 16px;
  --sa-s3: 24px;
  --sa-s4: 40px;
  --sa-s5: 64px;
  --sa-s6: 96px;

  /* --- Rayons — jamais d'angle vif --- */
  --sa-radius-pill: 999px;
  --sa-radius-lg:   24px;
  --sa-radius:      20px;
  --sa-radius-md:   16px;
  --sa-radius-sm:   12px;

  /* --- Ombres --- */
  --sa-shadow-card:  0 24px 60px rgba(74, 26, 92, .10);
  --sa-shadow-hover: 0 18px 40px rgba(74, 26, 92, .16);

  /* --- Gabarit --- */
  --sa-container: 1200px;
  --sa-section-py: clamp(48px, 8vw, 96px);
  --sa-tap: 48px; /* cible tactile minimale */
}