/* ============================================================
   Talenly — Variables CSS partagées (single source of truth)
   ============================================================
   À CHARGER AVANT le <style> inline de chaque page via :
     <link rel="stylesheet" href="/css/talenly-base.css">

   Stratégie senior :
   - Ce fichier ne contient QUE des variables CSS (custom properties).
   - PAS de classes communes ici pour éviter les conflits de cascade
     avec les styles inline qui définissent leur propre .nav, .btn, etc.
   - Les pages peuvent toujours redéfinir une variable locale dans leur
     :root inline (la déclaration la plus proche gagne).

   Bénéfice : changer la couleur coral = 1 endroit (ici). Si demain les
   pages ont leurs :root retirés, ce fichier devient l'unique source.
   ============================================================ */

:root {
  /* Couleurs de marque — coral (CTA, accent) */
  --coral: #D85A30;
  --coral-hover: #C24E26;
  --coral-light: #FAECE7;
  --coral-dark: #712B13;

  /* Couleurs accent — teal (LPD, sécurité) */
  --teal-light: #E1F5EE;
  --teal-dark: #085041;

  /* Surfaces */
  --bg: #FBF9F4;
  --surface: #FFFFFF;

  /* Typographie */
  --text: #1F1E1B;
  --text-muted: #6B6862;
  --text-light: #9A968D;

  /* Bordures */
  --border: rgba(0, 0, 0, 0.08);

  /* États sémantiques */
  --success: #0F6E56;
  --success-light: #E1F5EE;
  --error: #C73E1D;
  --error-light: #FBEAE5;
}