/* Jetons de design — docs/DESIGN.md (V3 « style clair »).
   Le thème sombre (V3) redéfinira ces variables, rien d'autre. */
:root {
  --bg: #EFF3F5;
  --surface: #FFFFFF;
  --text: #0E1116;
  --text-secondary: #5B6472;
  --placeholder: #8A94A3;
  --border: #CBD3DC;
  --card-placeholder: #DDE3EA;

  --primary: #4F5BFF;
  --primary-hover: #3A44D6;
  --primary-tint: #E6EAFF;

  --myc: #D43D82;

  /* Variante reverse : reflets irisés (fiche, pastille, badges des listes), texte foncé dessus */
  --reverse: linear-gradient(120deg, #8EEBD3 0%, #A9C8FF 38%, #CDB8FF 66%, #FFB8DA 100%);
  --reverse-tint: linear-gradient(165deg, #D3F4EA 0%, #DFE6FF 45%, #F3E0F4 100%);
  --reverse-text: #0E1116;

  --success: #16A34A;
  --success-bg: #E3F6EA;
  --success-text: #11753A;

  --warning: #F5A524;
  --warning-bg: #FCE3B0;

  --danger: #E5484D;
  --danger-bg: #FDECEC;
  --danger-text: #B42318;

  --font: "Poppins", system-ui, sans-serif;

  --radius-tile: 18px;
  --radius-button: 16px;
  --radius-pill: 999px;
  --radius-tag: 6px;
  --gutter: 18px;

  --shadow-tabbar: 0 8px 24px rgba(14, 17, 22, 0.12);
  --shadow-soft: 0 1px 2px rgba(14, 17, 22, 0.06);
}