/**
 * Xadija Store - Charte Graphique Lumineuse & Professionnelle (core.css)
 */
:root {
    --brand-primary: #00b4d8;     /* Cyan/Bleu professionnel inspiré du logo */
    --brand-emerald: #059669;     /* Vert émeraude de confiance (boutons achat) */
    --brand-dark: #0f172a;        /* Texte principal sombre et net */
    --brand-muted: #64748b;       /* Texte secondaire lisible */
    
    /* Fonds et surfaces lumineuses */
    --bg-app: #f8fafc;            /* Fond global de la page très légèrement grisé/lumineux */
    --bg-card: #ffffff;           /* Fond des cartes et overlays en pur blanc éclatant */
    --border-color: #e2e8f0;      /* Bordure fine, propre et professionnelle */
    
    --shadow-subtle: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
    --shadow-card: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Roboto, Helvetica, Arial, sans-serif;
    background-color: var(--bg-app);
    color: var(--brand-dark);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
}

.loading-state {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    color: var(--brand-muted);
}