/*
 * Yaab — variables de design partagées par le site public (site.css)
 * et le dashboard (dash.css). Une couleur ou une police se change ici.
 */

:root {
    --y-cream: #e8eaed;
    --y-cream-2: #dadce0;
    --y-paper: #ffffff;
    /* Noms historiques : --y-navy est l'indigo, --y-orange le framboise. */
    --y-navy: #1e1b4b;
    --y-navy-2: #302d59;
    --y-ink: #1c1a47;
    --y-muted: #5d6679;
    --y-line: #d3d6dc;
    --y-line-soft: #dfe1e6;
    --y-orange: #cd3761;
    --y-orange-hover: #b43155;
    --y-orange-soft: #fbe2e9;
    --y-peach: #fce4ec;
    --y-blue: #2c56d8;
    --y-blue-soft: #e5ebfc;
    --y-green: #1f8a5b;
    --y-display: "DM Sans", system-ui, sans-serif;
    --y-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --y-radius: 18px;
    --y-radius-sm: 12px;
    --y-shadow: 0 1px 2px rgba(30, 27, 75, .05), 0 12px 32px rgba(30, 27, 75, .07);
    /* Barre de navigation ; --y-nav-h = tout l'en-tête fixe (barre + bandeau
       promo éventuel), dont les pages se décalent. */
    --y-bar-h: 76px;
    --y-promo-h: 40px;
    --y-nav-h: var(--y-bar-h);
}

/* Fond posé sur la page elle-même, et transition entre pages : plus de flash blanc au chargement. */
html {
    background: var(--y-cream);
}

@view-transition {
    navigation: auto;
}