/* Contenido adaptado de src/index.css */
:root {
    /* Colores base */
    --background: 210 14% 97%; /* #F8F9FA gris claro */
    --foreground: 210 7% 25%; /* #343A40 gris oscuro */

    /* Tarjetas y popovers */
    --card: 0 0% 100%;
    --card-foreground: 210 7% 25%;
    --popover: 0 0% 100%;
    --popover-foreground: 210 7% 25%;

    /* Verde menta primario */
    --primary: 159 45% 55%;
    --primary-foreground: 0 0% 100%;
    --primary-hover: 159 45% 49%;

    /* Rosa acento */
    --secondary: 340 75% 75%;
    --secondary-foreground: 0 0% 100%;
    --secondary-hover: 340 75% 69%;

    /* Azul petróleo para énfasis */
    --accent: 196 51% 30%;
    --accent-foreground: 0 0% 100%;

    /* Grises neutros */
    --muted: 210 14% 97%;
    --muted-foreground: 210 7% 46%;

    /* Estados de feedback */
    --success: 122 39% 33%;
    --success-foreground: 0 0% 98%;
    --error: 4 90% 42%;
    --error-foreground: 0 0% 98%;
    --warning: 38 92% 50%;
    --warning-foreground: 0 0% 0%;
    --destructive: 4 90% 42%;
    --destructive-foreground: 0 0% 98%;

    /* Bordes y inputs */
    --border: 214 31% 91%;
    --input: 214 31% 91%;
    --ring: 159 39% 53%;

    /* Radius */
    --radius: 0.75rem;
}

body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.font-nunito {
    font-family: 'Nunito Sans', sans-serif;
}

.btn-shadow {
    box-shadow: 0 4px 14px 0 hsla(var(--primary), 0.2);
}

.card-elevated {
    box-shadow: 0 10px 30px -10px hsla(var(--foreground), 0.1);
}

/* Estilos para la selección de capítulos */
.chapter-cover-container {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

button.toggle-chapter-btn.bg-success {
    background-color: green !important;    
}

button.toggle-chapter-btn.bg-success > *{
    color: white !important;
}

@media (max-width: 450px) {
    .chapter-cover-container {
        position: relative;
        display: inline-block;
        gap: 0;
    }
    .chapter-cover-container > .toggle-chapter-btn {
        position: absolute;
        top: -0.5rem;
        right: -0.5rem;
        width: 2.25rem;
        height: 2.25rem;
        z-index: 10;
    }
    .chapter-cover-container > .toggle-chapter-btn > i {
        width: 1rem;
        height: 1rem;
    }
}

/* Evita la selección de texto al arrastrar */
.handle, .handle * {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

.btn-delete {
    border-color: hsl(4 90% 90%);
    color: hsl(4 90% 70%);
}

.btn-delete:hover {
    background-color: hsl(4 90% 70%);
    color: hsl(var(--destructive-foreground));
}

.dialog-content {
    }

.btn-delete-confirm {
    border: 1px solid hsl(var(--destructive));
    color: hsl(var(--destructive));
    background-color: transparent;
}

.btn-delete-confirm:hover {
    background-color: hsl(var(--destructive));
    color: hsl(var(--destructive-foreground));
}