/**
 * assets/shared/css/tokens.css — Design tokens communs (V2).
 *
 * CORRECTIF UX/UI V2 (voir §10 du cahier des charges) : la V1 avait deux
 * systèmes de couleurs totalement indépendants entre le site public
 * (assets/public/css/site.css, "bleu premium") et l'espace membre
 * (assets/membre/css/dashboard.css, "terre de Sienne / bleu Majorelle / or"),
 * documentés comme un choix assumé. C'est un vrai irritant pour un membre
 * connecté qui bascule entre son dashboard et une fiche publique.
 *
 * Ce fichier ne remplace pas les deux feuilles de style existantes (qui
 * gardent leur personnalité — "confiance/données" côté public, "productivité"
 * côté membre, comme demandé) : il définit la base commune (typographie,
 * échelle d'espacement, rayons, ombres, transitions) que les deux déclinent,
 * pour que la sensation de continuité soit réelle même si les teintes
 * d'accent diffèrent.
 *
 * Inclure CE fichier AVANT site.css ou dashboard.css.
 */

:root {
  /* ---- Typographie partagée (déjà utilisée côté public, étendue au membre) ---- */
  --font-display: 'Sora', system-ui, sans-serif;   /* titres */
  --font-body:    'Inter', system-ui, sans-serif;  /* texte courant */
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace; /* données chiffrées, codes */

  /* ---- Échelle d'espacement commune ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* ---- Rayons et ombres communs ---- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-soft:   0 4px 18px rgba(15, 32, 56, 0.08);
  --shadow-strong: 0 20px 60px rgba(15, 32, 56, 0.18);
  --transition: .25s cubic-bezier(.4,0,.2,1);

  /* ---- Bleu de marque partagé (socle commun aux deux ambiances) ----
     Le public l'utilise comme couleur primaire ; le membre l'utilise pour
     la sidebar et les liens, en le combinant à son accent "productivité". */
  --brand-blue-900: #0B1B33;
  --brand-blue-700: #0F3D73;
  --brand-blue-500: #1B62B5;
  --brand-blue-100: #E7EEF8;

  /* ---- Accent "données vivantes" partagé (teal) ----
     Unifie l'ancien --accent (#00C2A8, public) et --color-menthe (#14B8A6,
     membre) : les deux teintes étaient déjà très proches, elles convergent
     ici vers une seule valeur de référence utilisée pour tout ce qui
     signale une donnée fraîche/positive (badge "vérifié le...", succès). */
  --accent-teal: #0FBFA0;

  /* ---- Neutres partagés ---- */
  --neutral-bg-soft: #F4F7FB;
  --neutral-border:  #E1E7F0;
  --neutral-text-main:  #10192B;
  --neutral-text-muted: #5B6B82;
  --neutral-white: #FFFFFF;

  /* ---- Alerte douce partagée (utilisée par les deux ambiances) ---- */
  --alert-soft: #E85D4C;
}

/**
 * Couleurs par secteur d'activité (voir migration_v2_donnees.sql,
 * table `secteurs_activite.couleur_accent`) — posées dynamiquement en style
 * inline `--secteur-color: #xxxxxx` sur chaque carte entreprise par le PHP
 * qui la génère (voir includes/functions.php::renderCarteEntreprise()).
 * Cette variable pilote le badge de secteur, l'icône et le motif de fond de
 * la carte (voir §10 : traiter le vide visuel comme un problème de design).
 */
.tp-card-entreprise {
  --secteur-color: var(--brand-blue-500); /* valeur de repli si non fournie */
}