/*
Theme Name: Riccie'spage
Theme URI: (Tu dominio aquí)
Author: (Tu nombre/equipo aquí)
Description: Tema personalizado para el trabajo artístico de Riccie Oriach.
Version: 1.0
*/

/* -------------------------------------------------------- */
/* 1. Variables CSS y Estilos de Fondo */
/* -------------------------------------------------------- */

:root {
    /* Define la paleta de colores para usar en todo el tema */
    --color-carmesi: #8B0000; /* Rojo Carmesí Base */
    --color-guayaba: #FF99AA; /* Tono Guayaba */
    --color-contraste: #FFFFFF;
    --color-texto-oscuro: #333333;

    /* Nuevas variables añadidas en main.css (repetidas aquí para seguridad) */
    --color-amarillo-vibrante: #FFD700;
    --color-negro: #1a1a1a;
    --color-blanco-suave: #f4f4f4;
}

body {
    /* El background-image ahora se define en header.php */
    background-color: var(--color-carmesi);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    min-height: 100vh;
    position: relative;
    z-index: 1; 
}

/* -------------------------------------------------------- */
/* 2. Estilos Críticos para el Canvas de Partículas */
/* -------------------------------------------------------- */

#canvas-bg {
    /* Posiciona el canvas de partículas de forma fija para que cubra todo el viewport */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* Lo pone justo detrás del body */
    pointer-events: none; /* Crucial: Permite hacer clic en el contenido que está detrás del canvas */
}