/*
 * Base commune de l'interface (hors plateformes simulees) : courbe de
 * mouvement, couleurs de texte manquantes dans nordic.css et icones au trait
 * (includes/icons.php). Chargee par toutes les pages d'interface.
 * Conventions : pas d'emoji d'interface, pas de majuscules espacees, pas de
 * degrade ni de halo decoratif, transitions sur la couleur uniquement.
 */
:root {
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --text-tertiary: #8e8e93;
    --nordic-blue-hover: #0062cc;
}

/* Icone au trait : prend la couleur du texte, alignee sur la ligne */
.icon {
    flex: none;
    display: inline-block;
    vertical-align: -3px;
}

/* Tuile d'icone : fond plat, l'icone porte sa taille (24 dans 48, 20 dans 40) */
.icon-tile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--nordic-frost, #f2f4f7);
    color: var(--text-secondary, #6e6e73);
}

.icon-tile.sm {
    width: 40px;
    height: 40px;
    border-radius: 10px;
}

/* Chiffres : alignement tabulaire (codes de session, minuteurs, compteurs) */
.tabular {
    font-variant-numeric: tabular-nums;
}

.mono {
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-variant-numeric: tabular-nums;
}