/* ==========================================================================
   Olidarts — Design tokens
   --------------------------------------------------------------------------
   Le bloc « thème borne » est surchargé dynamiquement pour un joueur connecté
   (todo-frontend §M). Convention : nom de variable = clé de to_color_map()
   en kebab-case (primary → --primary, card_bg → --card-bg…).
   Les valeurs par défaut ci-dessous = thème « olidarts » → fallback fidèle.
   ========================================================================== */

:root {
  /* ---- Couleurs pilotées par le thème borne (§M) ---- */
  --primary:      #D9A621;
  --secondary:    #808080;
  --text-primary: #CCCCCC;
  --text-muted:   #808080;
  --text-sub:     #666666;
  --card-bg:      rgba(34, 34, 34, 0.875);
  --card-active:  #221E10;
  --card-hover:   #2A2418;
  --notif-bg:     #1E1E1E;
  --border:       #2E2E2E;
  --border-gold:  #D9A621;
  --focus-bg:     #2A1A00;
  --success:      #4DD966;
  --success-bg:   #14331A;
  --danger:       #D93333;
  --green-dot:    #3DBB5E;
  --player-a:     #D9A621;
  --player-b:     #3380E6;
  --win:          #4DD966;
  --lose:         #D93333;

  /* notifications (également pilotées §M) */
  --notif-system:      #E6E6E6;
  --notif-record:      #D9A621;
  --notif-info:        #3380E6;
  --notif-error:       #AB3030;
  --notif-achievement: #44AA6F;
  --notif-friend:      #AB09AB;
  --notif-default:     #CCCCCC;
  --name-male:         #3380E6;
  --name-female:       #E66699;
  --name-other:        #44AA6F;

  /* ---- Tints dérivés du primaire (suivent automatiquement le thème via color-mix) ---- */
  --primary-dim:    color-mix(in srgb, var(--primary) 12%, transparent);
  --primary-border: color-mix(in srgb, var(--primary) 32%, transparent);
  --primary-glow:   color-mix(in srgb, var(--primary) 25%, transparent);

  /* ---- Fond & surfaces (non pilotés par le thème pour l'instant, cf. §M5) ---- */
  --bg:        #000000;
  --surface:   #0D0D0D;
  --surface-2: #1A1A1A;

  /* ---- Rangs (podium / classements) ---- */
  --rank-gold:   #D9A621;
  --rank-silver: #A0A0A0;
  --rank-bronze: #C87941;

  /* ---- Typographie (B1 : Inter + accents mono) ---- */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* ---- Rayons ---- */
  --radius-sm:   4px;
  --radius:      8px;
  --radius-lg:   12px;
  --radius-pill: 100px;

  /* ---- Élévation ---- */
  --shadow-glow: 0 0 30px color-mix(in srgb, var(--primary) 12%, transparent);

  /* ---- Layout ---- */
  --content-max: 1280px;
  --header-h:    64px;
}