/*
 * L'habillage de l'app : le seul fichier de couleurs, formes, ombres, polices et durées.
 * Un illustrateur change le look ici et dans les dossiers images/ et animations/, sans toucher au reste.
 * Version de départ : gris neutre, un seul accent (le bleu-vert validé), mode sombre selon l'iPhone.
 */
:root {
    color-scheme: light dark;

    /* Couleurs */
    --fond: #f2f2f0;
    --surface: #ffffff;
    --surface-enfoncee: #e7e7e4;
    --texte: #1b1c1e;
    --texte-discret: #6b6d70;
    --trait: #d9d9d5;
    --accent: #0e8c86;
    --accent-texte: #ffffff;
    --alerte: #c2410c;
    --pastille: #d4d4d0;
    --pastille-texte: #6b6d70;

    /* Formes */
    --rayon: 14px;
    --rayon-grand: 22px;
    --ombre: 0 1px 2px rgb(0 0 0 / 6%), 0 4px 12px rgb(0 0 0 / 5%);

    /* Polices */
    --police: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
    --police-titres: -apple-system, BlinkMacSystemFont, "SF Pro Rounded", "Segoe UI", Roboto, sans-serif;

    /* Mouvement : courts, avec un léger rebond */
    --duree-courte: 120ms;
    --duree: 240ms;
    --ressort: cubic-bezier(0.34, 1.4, 0.64, 1);
    --sortie: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-color-scheme: dark) {
    :root {
        --fond: #161719;
        --surface: #222326;
        --surface-enfoncee: #2c2d31;
        --texte: #ececea;
        --texte-discret: #9a9c9f;
        --trait: #34363a;
        --accent: #2bb5b0;
        --accent-texte: #0b1514;
        --alerte: #fb923c;
        --pastille: #3a3c40;
        --pastille-texte: #9a9c9f;
        --ombre: 0 1px 2px rgb(0 0 0 / 40%);
    }
}

/* Réglage iPhone « Réduire les animations » : on garde les fondus, on retire les déplacements. */
@media (prefers-reduced-motion: reduce) {
    :root {
        --ressort: linear;
        --duree: 1ms;
    }
}