/*#########################################################################
Pont `at_button` → charte attps-builder.
##########################################################################

Ce fichier ne contient QUE des valeurs. Aucun sélecteur de attps-get-field
n'est redéfini, aucune classe `atb-btn-*` n'est réintroduite : le champ
`at_button` garde son vocabulaire `at-btn-*`, on ne lui donne que nos jetons.

C'est ce qui permet de n'avoir qu'un seul vocabulaire de boutons sur le site,
et de faire évoluer la charte sans jamais toucher au plugin.

Les variables `--atb-*` viennent de custom.css et de root.css (généré depuis
les réglages) : la palette custom de l'admin se propage donc automatiquement.
*/

.at-btn {
    /* ---- Palette ------------------------------------------------------
       Les noms coïncident déjà des deux côtés : primaire, secondaire, accent…
       Une couleur changée dans les réglages se répercute ici sans rien faire. */
    --at-primary: var(--atb-primary);
    --at-secondary: var(--atb-secondary);
    --at-accent: var(--atb-accent);
    --at-neutral: var(--atb-neutral);
    --at-info: var(--atb-info);
    --at-warning: var(--atb-warning);
    --at-danger: var(--atb-danger);
    --at-success: var(--atb-success);
    --at-light: var(--atb-light);

    /* ---- Géométrie ----------------------------------------------------
       On ne touche NI à l'arrondi NI à la bordure : ce sont des réglages du
       champ, pilotés par ses axes. Les imposer ici rendrait le réglage de
       l'utilisateur sans effet — c'est exactement ce qui s'était produit avec
       l'arrondi, figé en pilule pour tous les boutons. */
    --at-btn-font-weight: inherit;
    --at-btn-leading: var(--atb-leading-tight, 1.2);
    --at-btn-duration: 0.2s;

    /* ---- Échelle des tailles ------------------------------------------
       Valeurs de custom.css, jeton par jeton. Les classes .at-btn-xs…xl du
       plugin ne bougent pas, elles piochent simplement ici. */
    --at-btn-size-xs-font: var(--atb-text-sm, 0.875rem);
    --at-btn-size-xs-py: var(--atb-space-1, 0.25rem);
    --at-btn-size-xs-px: var(--atb-space-3, 0.75rem);

    --at-btn-size-sm-font: var(--atb-text-sm, 0.875rem);
    --at-btn-size-sm-py: var(--atb-space-2, 0.5rem);
    --at-btn-size-sm-px: var(--atb-space-4, 1rem);

    --at-btn-size-md-font: var(--atb-text-base, 1rem);
    --at-btn-size-md-py: var(--atb-space-3, 0.75rem);
    --at-btn-size-md-px: var(--atb-space-6, 1.5rem);

    --at-btn-size-lg-font: var(--atb-text-xl, 1.25rem);
    --at-btn-size-lg-py: var(--atb-space-4, 1rem);
    --at-btn-size-lg-px: var(--atb-space-8, 2rem);

    --at-btn-size-xl-font: var(--atb-text-2xl, 1.5rem);
    --at-btn-size-xl-py: var(--atb-space-4, 1rem);
    --at-btn-size-xl-px: var(--atb-space-10, 2.5rem);

}

/* Rien d'autre. On ne pose JAMAIS `--at-btn-padding-*` ni `--at-btn-font-size`
   directement : cette feuille étant chargée après celle du plugin, elle
   écraserait les classes de taille (même spécificité, source postérieure).
   La base du plugin dérive déjà des jetons `md`, donc un bouton sans classe de
   taille prend nos valeurs md sans qu'on ait à le dire. */