:root {
  /* tema claro (por defecto) */
  --bg-base: #F2F3F6;
  --bg-depth: #FFFFFF;
  --glass-fill: rgba(255, 255, 255, 0.6);
  --glass-fill-hover: rgba(255, 255, 255, 0.8);
  --glass-stroke: rgba(15, 23, 42, 0.09);
  --glass-highlight: rgba(255, 255, 255, 0.85);

  --text-primary: #14181F;
  --text-secondary: #545E6E;
  --text-muted: #8B94A3;

  --accent: #4A63E0;
  --signal-up: #1E9A73;
  --signal-down: #C8433D;
  --signal-warn: #A9761B;

  --glow-a: rgba(74, 99, 224, 0.07);
  --glow-b: rgba(130, 90, 170, 0.06);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;
  --space-4: 16px; --space-5: 24px; --space-6: 40px;

  --font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --dur: 220ms;
}

:root[data-theme="dark"] {
  --bg-base: #0B0D10;
  --bg-depth: #131720;
  --glass-fill: rgba(255, 255, 255, 0.045);
  --glass-fill-hover: rgba(255, 255, 255, 0.07);
  --glass-stroke: rgba(255, 255, 255, 0.09);
  --glass-highlight: rgba(255, 255, 255, 0.16);

  --text-primary: #ECEFF4;
  --text-secondary: #9AA3B2;
  --text-muted: #616B7C;

  --accent: #6E8EF7;
  --signal-up: #48C79A;
  --signal-down: #E0645F;
  --signal-warn: #D9A548;

  --glow-a: rgba(110, 142, 247, 0.10);
  --glow-b: rgba(130, 90, 170, 0.08);
}