/* ==========================================================================
   RFE — design tokens
   Thème clair façon Apple. Les anciens noms de variables (--bg, --card,
   --muted2, --red…) sont conservés : le HTML inline et le JS qui les
   utilisent déjà prennent automatiquement les nouvelles valeurs.
   ========================================================================== */

:root {
  /* Surfaces */
  --bg:    #ececf0;   /* page : gris clair, moins éblouissant que le blanc */
  --bg2:   #e5e5ea;   /* bande de section alternée */
  --card:  #f7f7f9;   /* tuile : plus claire que la page */
  --card2: #dfdfe5;   /* puce, onglet inactif, piste de barre */

  /* Texte */
  --ink:    #1d1d1f;
  --text:   #1d1d1f;
  --muted2: #56565b;  /* texte secondaire */
  --muted:  #67676d;  /* texte tertiaire, >=4.5:1 sur la page */

  /* Traits */
  --border:  rgba(0, 0, 0, 0.08);
  --border2: rgba(0, 0, 0, 0.16);

  /* Accent RFE : un seul rouge, utilisé rarement */
  --red:       #c41e27;
  --red2:      #9a1219;   /* survol */
  --red-soft:  #fdeced;   /* fond teinté */
  --accent:    var(--red);
  --accent2:   var(--red2);

  /* États */
  --success:      #1a6c35;
  --success-soft: #e6f4ea;
  --warning:      #8f4800;
  --warning-soft: #fff1de;
  --danger:       #b81319;
  --danger-soft:  #fdeced;
  --gold:         #765b00;   /* cashprize */
  --gold-soft:    #fbf3d6;

  /* Marque Discord (utilisée uniquement pour le glyphe / l'avatar) */
  --blue:  #5865f2;
  --blue2: #4752c4;

  /* Champs de saisie : plus clairs que la page pour bien se lire */
  --field: #fbfbfd;

  /* Typo */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;

  /* Rayons : la forme dit la hiérarchie */
  --r-tile: 28px;   /* grandes tuiles */
  --r-card: 20px;   /* cartes de contenu */
  --r-ctl:  12px;   /* champs, lignes */
  --r-pill: 980px;  /* boutons, onglets, badges */

  /* Mise en page */
  --nav-h: 56px;
  --wrap:  1080px;
}