/* ============================================================
   VARIABLES CSS — PALETA Y FUENTES
   ============================================================ */
:root {
  --ll-bg: #f9f8f5;
  --ll-bg-dark: #121212;
  --ll-bg-light: #fff;
  --ll-gold: #e0a856;
  --ll-gold-dark: #b88a3c;
  --ll-text: #121212;
  --ll-muted: #bdbdbd;
  --ff-serif: "Playfair Display", serif;
  --ff-sans: "Montserrat", Arial, sans-serif;
  /* Semántica de rentabilidad */
  --ll-profit-positive: #25d366;
  --ll-profit-negative: #ef4444;
  --ll-profit-neutral:  rgba(224, 168, 86, 0.14);
}

html.dark body {
  --ll-bg: #121212;
  --ll-bg-dark: #121212;
  --ll-bg-light: #232323;
  --ll-gold: #e0a856;
  --ll-gold-dark: #b88a3c;
  --ll-text: #f9f8f5;
  --ll-muted: #888;
}