/* css/style.css */

/* Ejemplo: Estilos adicionales para el body si no los maneja Tailwind directamente 
   o si quieres algo que Tailwind no cubra por defecto con el CDN.
   Con la configuración actual, la fuente Poppins y los colores base del body 
   ya se están aplicando desde el bloque <style type="text/tailwindcss">.
*/

/* body {
    font-family: 'Poppins', sans-serif;
    color: #36454F; 
    background-color: #F0EAD6; 
} */

/* html[data-theme="dark"] body {
    color: #F0EAD6;
    background-color: #36454F;
} */


/* Puedes añadir aquí cualquier estilo específico de componentes 
   que no quieras definir con @apply o utilidades de Tailwind.
   Por ejemplo, estilos muy particulares para un elemento con un ID: */

/* #elemento-muy-especifico {
    border: 2px dashed var(--color-accent);
    padding: 1em;
} */

/* Si tenías clases personalizadas en style-starter.css que no eran de Bootstrap
   y aún las necesitas, y no las has recreado con Tailwind, puedes ponerlas aquí.
   Por ejemplo: */
/* .mi-clase-personalizada-antigua {
    font-style: italic;
    text-shadow: 1px 1px 2px #ccc;
} */

/* Considera que la mayoría de los estilos deberían ser manejados por Tailwind
   para mantener la consistencia y aprovechar su sistema de diseño. */

/* Ajustes para el theme switcher si necesitas CSS adicional más allá de Tailwind */
.theme-switch-wrapper { 
    /* display: flex; ya está en Tailwind */
    /* align-items: center; ya está en Tailwind */
}
.theme-switch { 
    /* display: inline-block; ya está en Tailwind */
    /* position: relative; ya está en Tailwind */
    /* margin: 0; ya está en Tailwind */
}
.theme-switch input { 
    /* display: none; ya está en Tailwind */
}
.mode-container { 
    /* width: 24px; ya está en Tailwind */
    /* height: 24px; ya está en Tailwind */
    /* padding: 1px 0; ya está en Tailwind */
    /* cursor: pointer; ya está en Tailwind */
}
/* Los estilos de .gg-sun y .gg-moon ya están definidos en el bloque <style type="text/tailwindcss"> */