:root {
  /* Colores base */
  --bg-color: #ffffff;
  --text-color: #1a1a1a;
  --accent-color: #0066ff;
  --border-color: rgba(0, 0, 0, 0.1);
  --shadow-color: rgba(0, 0, 0, 0.1);
  --control-bg: rgba(255, 255, 255, 0.9);
  
  /* Gradientes */
  --accent-gradient: linear-gradient(90deg, #02D6BC, #00adc0);
  --accent-shadow: #00f2ff4d;
  
  /* Filtros */
  --logo-filter: none;

  /* Tema claro (default) */
  --thumb-text: #666;
  --thumb-border: rgba(0, 0, 0, 0.1);
  --logo-color: #0a0a0a;
  --cube-color: #0ee0c8;
  --particles-color: #0ee0c8;
  --overlay-bg: rgba(255,255,255,0.32);
}

[data-theme="dark"] {
  --bg-color: #000424;
  --text-color: #ffffff;
  --border-color: rgba(255, 255, 255, 0.1);
  --shadow-color: rgba(0, 0, 0, 0.3);
  --control-bg: rgba(0, 0, 45, 0.7);
  --logo-filter: brightness(0) invert(1);
  --thumb-text: #999;
  --thumb-border: rgba(255, 255, 255, 0.1);
  --logo-color: #fff;
  --cube-color: #0ee0c8;
  --particles-color: #0ee0c8;
  --overlay-bg: rgba(10,10,10,0.32);
}