/* ═══════════════════════════════════════════════════════════════
   Charte graphique CCV — Casino du Cap-Vert  (design tokens)
   Extraite de coffre.ccvmas.app.
   Source unique des couleurs / police / rayons pour tous les outils internes.
   À référencer via <link rel="stylesheet" href="ccv-charte.css"> AVANT le <style> de la page.
   Chaque page garde ses propres composants ; seuls les tokens sont partagés ici.
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root {
  /* Surfaces */
  --bg:         #F4F5F7;  /* fond de page */
  --surface:    #FFFFFF;  /* cartes/panneaux */
  --surface-2:  #EBEDF0;  /* champs de saisie, zones secondaires */
  --border:     #DCE0E6;

  /* Texte */
  --text:           #1B1F27;
  --text-secondary: #5A616D;
  --text-muted:     #8A909C;

  /* Accent (or/bronze — identité CCV) */
  --accent:      #9A7A28;
  --accent-text: #2C2408;  /* texte sur fond accent (boutons) */
  --accent-bg:   rgba(154,122,40,0.13);

  /* États — --ok et --success sont des alias (même valeur) */
  --ok:        #2E7D4F;
  --ok-bg:     rgba(46,125,79,0.13);
  --success:   #2E7D4F;
  --success-bg: rgba(46,125,79,0.13);
  --danger:    #C0392B;
  --danger-bg: rgba(192,57,43,0.10);

  /* Rayons & police */
  --radius: 6px;
  --radius-lg: 10px;
  --font: "IBM Plex Sans", "Segoe UI", Roboto, Arial, sans-serif;
}

/* ─── Mode nuit (activé par la classe body.nuit — utilisé par l'app coffre) ─── */
body.nuit {
  --bg:         #14171C;
  --surface:    #1C2129;
  --surface-2:  #232933;
  --border:     #2A303A;
  --text:           #E8E6E1;
  --text-secondary: #8B92A0;
  --text-muted:     #5C6270;
  --accent:      #C9A24B;
  --accent-text: #14171C;
  --accent-bg:   rgba(201,162,75,0.12);
  --ok:        #4E9A6A;
  --ok-bg:     rgba(78,154,106,0.12);
  --success:   #4E9A6A;
  --success-bg: rgba(78,154,106,0.12);
  --danger:    #D3766F;
  --danger-bg: rgba(211,118,111,0.12);
}