/* Design Boutikart — repris de l'application d'origine (Couleur de Madagascar) */

html.dark { color-scheme: dark; }
html:not(.dark) { color-scheme: light; }

/* Logo / titres en dégradé */
.gradient-text {
    background: linear-gradient(135deg, #ec4899 0%, #ff5722 50%, #2196f3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.dark .gradient-text-dark {
    background: linear-gradient(135deg, #f472b6 0%, #ff8a5c 50%, #60a5fa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Sidebar */
.bk-sidebar { box-shadow: 4px 0 10px rgba(0, 0, 0, 0.02); }
.dark .bk-sidebar { box-shadow: 4px 0 15px rgba(0, 0, 0, 0.3); }

/* Dark mode global commun (équivalent des règles de la sidebar d'origine) */
.dark body { background-color: #0f172a; color: #e2e8f0; }
.dark .bg-white { background-color: #1e293b !important; }
.dark .bg-gray-50 { background-color: #0f172a !important; }
.dark .bg-gray-100 { background-color: #1e293b !important; }
.dark .text-gray-800 { color: #e2e8f0 !important; }
.dark .text-gray-700, .dark .text-gray-600 { color: #cbd5e1 !important; }
.dark .text-gray-500 { color: #94a3b8 !important; }
.dark .border-gray-200, .dark .border-gray-100, .dark .border-gray-300,
.dark .border-b, .dark .border-t { border-color: #334155 !important; }
.dark input, .dark select, .dark textarea {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}
.dark table thead.bg-gray-50 { background-color: #172033 !important; }

/* Icônes colorées : variantes sombres */
.dark .text-pink-500 { color: #f472b6; }
.dark .text-blue-500 { color: #60a5fa; }
.dark .text-green-500 { color: #4ade80; }
.dark .text-yellow-500 { color: #fbbf24; }
.dark .text-purple-500 { color: #c084fc; }
.dark .text-indigo-500 { color: #818cf8; }
.dark .text-teal-500 { color: #2dd4bf; }
.dark .text-amber-500 { color: #fbbf24; }
.dark .text-emerald-500 { color: #34d399; }
.dark .text-violet-500 { color: #a78bfa; }
.dark .text-fuchsia-500 { color: #e879f9; }
.dark .text-cyan-500 { color: #22d3ee; }
.dark .text-rose-500 { color: #fb7185; }

/* Transition douce de la sidebar */
.bk-sidebar, .bk-main { transition: all .2s ease; }

/* Entrée premium (style éditorial) */
@keyframes bkFadeUp {
    from { opacity: 0; transform: translateY(28px); }
    to { opacity: 1; transform: translateY(0); }
}
.bk-fade-up { animation: bkFadeUp .9s cubic-bezier(.16, .84, .44, 1) both; }
.bk-delay-1 { animation-delay: .12s; }
.bk-delay-2 { animation-delay: .24s; }
.bk-delay-3 { animation-delay: .36s; }

/* Titres éditoriaux : interlettrage serré + équilibrage */
.bk-display { letter-spacing: -0.02em; text-wrap: balance; }
.bk-eyebrow { letter-spacing: 0.28em; }