/* HyperliquidNews : thème Editorial (par défaut) + Dark (l'ancien thème).
   Le thème est posé sur <html data-theme="..."> par /theme.js avant l'affichage.
   html[data-theme] est plus spécifique que :root, donc ces valeurs gagnent
   quel que soit l'ordre des feuilles de style. */

html[data-theme="editorial"] {
  color-scheme: light;
  --bg: #dffaf3;
  --surface: #ecfcf6;
  --surface2: #e5f9f1;
  --card: #ecfcf6;
  --border: #b9e2d3;
  --green: #148c62;
  --green-dim: #0f7a55;
  --green-glow: rgba(20, 140, 98, 0.10);
  --green-muted: #4f7d6d;
  --red: #c23a2c;
  --gold: #8a6a1f;
  --text: #0f2a22;
  --text-muted: #2b4a40;
  --muted: #3d6b5c;
  --text-dim: #5b7f72;
  --dim: #5b7f72;
  --blue: #2563eb;
  --purple: #7c3aed;
  --orange: #b86e05;
  --thyp: #148c62;
  --bhyp: #2563eb;
  --hypg: #b86e05;
  --chart-grid: #c9e9dd;
  --chart-tick: #5b7f72;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --chart-grid: #1a1a1e;
  --chart-tick: #444;
}

/* fond explicite (certaines pages le posent sur html, d'autres sur body) */
html[data-theme="editorial"],
html[data-theme="editorial"] body { background: var(--bg); color: var(--text); }

/* en-têtes collants : ils avaient un fond sombre codé en dur */
html[data-theme="editorial"] header { background: rgba(223, 250, 243, 0.92) !important; }

/* titres plus "magazine" en mode Editorial */
html[data-theme="editorial"] h1,
html[data-theme="editorial"] h2 { color: var(--text); }

/* boutons pleins : vert foncé sur menthe, comme les cartes Editorial */
html[data-theme="editorial"] .btn,
html[data-theme="editorial"] .btn-nl,
html[data-theme="editorial"] .nw-btn { background: var(--text) !important; color: #dffaf3 !important; }
html[data-theme="editorial"] .btn:hover,
html[data-theme="editorial"] .btn-nl:hover,
html[data-theme="editorial"] .nw-btn:hover { background: #1d4a3c !important; }

/* pastilles et filets qui utilisaient l'ancien vert néon ou des couleurs pour fond noir */
html[data-theme="editorial"] .b-green { background: rgba(20, 140, 98, 0.10); border-color: rgba(20, 140, 98, 0.30); }
html[data-theme="editorial"] .b-gold { background: rgba(138, 106, 31, 0.10); border-color: rgba(138, 106, 31, 0.30); }
html[data-theme="editorial"] .b-blue { background: rgba(37, 99, 235, 0.08); color: #2563eb; border-color: rgba(37, 99, 235, 0.25); }
html[data-theme="editorial"] .b-purp { background: rgba(124, 58, 237, 0.08); color: #7c3aed; border-color: rgba(124, 58, 237, 0.25); }
html[data-theme="editorial"] .ticker-item { border-right-color: var(--border); }
html[data-theme="editorial"] .side-short { background: rgba(194, 58, 44, 0.10); }
html[data-theme="editorial"] .hero-chart-overlay { background: linear-gradient(to bottom, transparent, rgba(223, 250, 243, 0.35)); }
html[data-theme="editorial"] .overlay { background: rgba(15, 42, 34, 0.45); }

/* bouton de bascule */
#hln-theme-btn {
  position: fixed; left: 16px; bottom: 16px; z-index: 9999;
  font: 500 11px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: 0.08em; text-transform: uppercase;
  padding: 10px 14px; border-radius: 999px; cursor: pointer;
  background: var(--surface, #131817); color: var(--text, #ece9e2); border: 1px solid var(--border, #1f2723);
  box-shadow: 0 6px 20px -8px rgba(0, 0, 0, 0.35);
}
#hln-theme-btn:hover { border-color: var(--green, #27d796); color: var(--green, #27d796); }
@media print { #hln-theme-btn { display: none; } }

/* logo : PNG détouré (img/logo.png), fin filet pour le détacher du fond menthe */
html[data-theme="editorial"] .logo-icon { box-shadow: 0 0 0 1px var(--border); }