/* ============================================================
   AMIAMOR — tokens.css
   Source de vérité UNIQUE pour couleurs, typographie, rayons.
   À charger AVANT style.css.

   Direction artistique : tendre, apaisée, chaleureuse.
   Univers "lueur de bougie" — pas d'agressivité visuelle,
   beaucoup d'air, des transitions douces. Produit lié au deuil :
   la retenue prime sur l'éclat.
   ============================================================ */

:root {
	/* ——— Palette brute (ne pas utiliser directement) ——— */
	--am-cire:         #FBF6EF;   /* crème chaud : fond page (light) */
	--am-cire-soft:    #F3EADB;   /* crème plus dense : cartes, séparateurs */
	--am-sable:        #E7DAC6;   /* sable : bordures douces */

	--am-flamme:       #E8A24A;   /* ambre bougie : accent principal (doux, pas saturé) */
	--am-flamme-soft:  #F6E2C4;   /* halo de flamme : fonds d'accent très clairs */
	--am-flamme-deep:  #C67E2E;   /* ambre profond : hover, texte d'accent sur clair */

	--am-rose:         #C98A8A;   /* rose poudré : accent secondaire, tendresse */
	--am-rose-soft:    #F0DEDE;

	--am-encre:        #2B2620;   /* encre chaude : texte principal (light) */
	--am-encre-soft:   #6B6256;   /* texte secondaire */
	--am-encre-mute:   #9A9082;   /* texte tertiaire, légendes */

	/* ——— Neutres sombres (mode dark : nuit chaude éclairée) ——— */
	--am-nuit:         #1C1813;
	--am-nuit-1:       #241F18;
	--am-nuit-2:       #2E281F;
	--am-nuit-3:       #3A3328;

	/* ——— États système (doux) ——— */
	--am-success:      #6FB28A;
	--am-error:        #C97A6E;

	/* ——— Typographie ——— */
	--font-display: "Fraunces", Georgia, "Times New Roman", serif;
	--font-body:    "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	/* ——— Rayons & ombres ——— */
	--radius-sm: 10px;
	--radius:    16px;
	--radius-lg: 24px;
	--shadow-soft: 0 2px 12px rgba(43, 38, 32, .06);
	--shadow-card: 0 8px 32px rgba(43, 38, 32, .08);
}

/* -----------------------------------------------------------
   VARIABLES SÉMANTIQUES — à utiliser dans style.css
   ----------------------------------------------------------- */

/* Mode light (par défaut) */
html.light {
	--bg:            var(--am-cire);
	--bg-alt:        var(--am-cire-soft);
	--surface:       #FFFFFF;
	--border:        var(--am-sable);

	--text:          var(--am-encre);
	--text-soft:     var(--am-encre-soft);
	--text-mute:     var(--am-encre-mute);

	--accent:        var(--am-flamme);
	--accent-soft:   var(--am-flamme-soft);
	--accent-deep:   var(--am-flamme-deep);
	--accent-2:      var(--am-rose);
	--accent-2-soft: var(--am-rose-soft);
}

/* Mode dark (nuit chaude, lueur de bougie) */
html.dark {
	--bg:            var(--am-nuit);
	--bg-alt:        var(--am-nuit-1);
	--surface:       var(--am-nuit-2);
	--border:        var(--am-nuit-3);

	--text:          #F3EADB;
	--text-soft:     #C9BEAC;
	--text-mute:     #8E8470;

	--accent:        var(--am-flamme);
	--accent-soft:   rgba(232, 162, 74, .14);
	--accent-deep:   #F2B96A;
	--accent-2:      var(--am-rose);
	--accent-2-soft: rgba(201, 138, 138, .16);
}