/* ══════════════════════════════════════════════════════════
   THEME "LE REGISTRE" — surcharge visuelle sérieuse / pro
   Charger APRÈS style.css. Ne modifie aucune structure HTML,
   uniquement les variables et l'habillage des composants
   existants (mêmes classes, aucun changement de logique).
══════════════════════════════════════════════════════════ */

:root{
  /* Structure : encre profonde au lieu du navy standard */
  --primary:#0B1220;
  --primary-2:#151F32;

  /* Accent unique : bronze/or raffiné au lieu de l'ambre vif */
  --accent:#B08D3E;
  --accent-2:#C9A94F;
  --accent-dark:#8C6E2E;

  /* États */
  --green:#146356;
  --red:#B3392A;
  --blue:#1F6FA3;

  /* Neutres resserrés, look "registre" */
  --gray-50:#FAFAF9;
  --gray-100:#F4F6F8;
  --gray-200:#E3E7ED;
  --gray-400:#8A93A3;
  --gray-600:#5B6472;
  --text:#0B1220;
  --text-muted:#5B6472;
  --border:#E3E7ED;

  /* Rayons plus sobres + ombres plus discrètes */
  --r:10px;
  --r-sm:7px;
  --shadow:0 1px 2px rgba(11,18,32,.04), 0 8px 20px rgba(11,18,32,.06);
  --shadow-lg:0 4px 10px rgba(11,18,32,.06), 0 16px 40px rgba(11,18,32,.08);
  --shadow-xl:0 8px 20px rgba(11,18,32,.08), 0 24px 60px rgba(11,18,32,.10);
}

body{ background:var(--gray-100); }

/* Boutons : plus nets, moins arrondis, contraste plus sobre */
.btn{ border-width:1px; letter-spacing:.01em; }
.btn-primary, .btn.btn-primary{ background:var(--primary); border-color:var(--primary); color:#fff; }
.btn-primary:hover{ background:var(--primary-2); }

/* Cartes concours : bordure fine plutôt que gros ombrage coloré */
.ccard{ border:1px solid var(--border); }

/* Badges / pastilles urgentes plus sobres */
.hmc-badge-red, .bp-expire{ background:var(--red); }

/* Rating / accent doré unifié sur le bronze raffiné */
.top-rank-1{ background:linear-gradient(135deg, var(--accent-2), var(--accent)); color:#241a05; }

/* Widgets sidebar : bordures nettes */
.panel, .sidebar-widget{ border:1px solid var(--border) !important; box-shadow:var(--shadow) !important; }

/* Countdown widget : encre profonde au lieu du navy standard */
.cd-widget{ background:linear-gradient(155deg, var(--primary), var(--primary-2)) !important; }

/* Footer : encre profonde */
footer, .site-footer{ background:var(--primary) !important; }

/* Logo : badge encre + icône ancre au lieu de l'emoji */
.logo-icon-svg{
  width:38px; height:38px; border-radius:9px;
  background:var(--primary); color:var(--accent-2);
  display:inline-flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.logo-icon-svg svg{ display:block; }

/* Icônes SVG inline (titres, boutons, badges) remplaçant les emoji */
.ic-inline{
  width:1em; height:1em; min-width:15px; min-height:15px;
  stroke:currentColor; fill:none; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round;
  display:inline-block; vertical-align:-3px; margin-right:6px; flex-shrink:0;
}
h3 .ic-inline, h2 .ic-inline{ color:var(--accent); }
.nav-bloc .nbi .ic-inline{ width:22px; height:22px; margin:0; }
.action-band .ab-icon .ic-inline{ width:19px; height:19px; margin:0; }

/* Icônes de nav SVG au lieu des emoji */
.nv-ic{ width:13px; height:13px; flex-shrink:0; margin-right:1px; opacity:.85; }

/* Barre d'info (existante) : plus sobre, sans emoji géant */
.notif-bar{ background:var(--primary-2); color:rgba(255,255,255,.75); }
.notif-bar strong{ color:var(--accent-2); }
.notif-bar svg{ color:var(--accent-2); }