/* ── VARIABLES DE TEMA (MOON & MOONY) ── */ /* Se aplica solo cuando , sobreescribiendo a Sunny */ :root[data-theme="moon"] { /* Tipografías del sitio web */ --font-main: 'VT323', monospace; --font-pixel: 'VT323', monospace; --font-cursive: 'VT323', monospace; /* Paleta de colores semántica */ --bg-global: #0d0d1a; /* Fondo general de la web */ --bg-pattern: #1a1a2e; /* Puntos del fondo radial */ --bg-card: #151526; /* Fondo de las tarjetas/cajas (.widget) */ --bg-card-header: #1a1a2e; /* Fondo de títulos de widgets y tags */ --bg-card-img: #111122; /* Fondo detrás de las imágenes de widgets */ --text-main: #e8e0f5; /* Texto principal (lavanda pálido) */ --text-muted: #9c8fbf; /* Texto secundario/cursivas */ --white: #ffffff; /* Blanco constante (para textos sobre gradientes) */ --color-primary: #7b68ee; /* Violeta lunar base */ --color-secondary: #a78bfa; /* Violeta claro (links y bordes destacados) */ --color-accent: #4fc3f7; /* Azul celeste para gradientes */ --color-hover: #4fc3f7; /* Celeste para hover de links */ --color-tag: #ff8fab; /* Etiquetas y títulos de sección (rosa nocturno) */ /* Color al seleccionar texto con el cursor */ --selection-bg: #4a90e2; /* Azul en modo luna */ --selection-text: #ffffff; /* Bordes y Sombras Retro (Efecto Arcade Bloque) */ --color-arcade-dark: #05050d; /* Color ultra oscuro para mantener el contraste de bloques en modo oscuro */ --border-style: 2px dashed var(--color-secondary); --glass-bg: rgba(123, 104, 238, 0.10); /* Variables específicas para los botones animados */ --stone-50: #1e1b2e; /* Contorno de brillo del botón */ --stone-800: #e8e0f5; /* Relieve rígido del botón */ --btn-primary: #7b68ee; /* Color del botón arcade */ }