/* =============================================================
   Carnet de voyage — tokens.css (identité visuelle définitive)
   Aucune couleur en dur dans les composants : tout passe par ces
   variables. À charger avant css/app.css.
   ============================================================= */

:root {
    /* --- Neutres --- */
    --ink:    #2b2620;   /* texte, brun très foncé */
    --muted:  #7d746a;
    --paper:  #fffcf7;   /* fond des cartes / app-shell */
    --line:   #eee7dd;

    /* --- Accents --- */
    --sunset: #f28c28;   /* accent principal, orange mandarine */
    --amber:  #ffb703;   /* accent secondaire */

    /* --- Fonds pastels pleins --- */
    --sand:   #f6e7d3;   /* pastel chaud */
    --sky:    #dceef5;   /* pastel froid, rappel carte/ciel */
    --terra:  #f3d5c4;   /* pastel terracotta */

    /* --- Fond de page hors app-shell --- */
    --page-bg: #f4efe7;

    /* --- États --- */
    --danger:      #b5483f;
    --danger-bg:   rgba(181, 72, 63, .08);
    --accent-soft: rgba(242, 140, 40, .10);
    --accent-line: rgba(242, 140, 40, .28);
    --focus-ring:  rgba(242, 140, 40, .16);

    /* --- Typographie (cf. fonts.css) --- */
    --font-display: 'Fraunces', Georgia, serif;
    --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono:    'DM Mono', ui-monospace, SFMono-Regular, monospace;

    color-scheme: light;
}