/* assets/css/style.css */

:root {
    --primary-green: #004D40; /* Couleur principale */
    --light-green: #E0F2F1;   /* Couleur de fond */
    --accent-gold: #D4AF37;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--light-green);
}

.bg-islamic-teal {
    background: linear-gradient(135deg, #004D40 0%, #00695C 100%);
}

/* Style personnalisé pour les cartes (Dashboard) */
.card-islamic {
    background: white;
    border-radius: 24px;
    box-shadow: 0 10px 25px rgba(0, 77, 64, 0.1);
}

/* Animation pour la barre de progression circulaire */
.progress-ring__circle {
    transition: stroke-dashoffset 0.35s;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

/* Style des boutons de lecture */
.btn-hizb {
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.btn-hizb:active {
    transform: scale(0.98);
}