/* Couleurs — Veillée en couleur
   Deux registres : NUIT (par défaut, immersif) et JOUR (clair, informatif).
   Les accents sont communs aux deux registres : c'est ce qui fait tenir la charte. */
:root {
  /* Fonds — registre nuit */
  --night-1: #140f11;   /* nuit prune : fond de page */
  --night-2: #241d1e;   /* encre : cartes, surfaces */
  --night-3: #33262a;   /* filets, séparateurs sur nuit */

  /* Fonds — registre jour */
  --cream-1: #fdf7f0;   /* crème : fond de page */
  --cream-2: #fffbf6;   /* crème haute : cartes */
  --cream-3: #f6ece2;   /* crème chaude : bandeaux, zones calmes */
  --cream-4: #ddc9b9;   /* filets, séparateurs sur jour */

  /* Encres sur jour */
  --ink-1: #241d1e;     /* titres, texte principal */
  --ink-2: #54413c;     /* texte courant */
  --ink-3: #7a635c;     /* légendes, mono, mentions */

  /* Encres sur nuit */
  --paper-1: #fbf1e9;   /* titres, texte principal */
  --paper-2: #cdbcb3;   /* texte courant */
  --paper-3: #9e8a85;   /* légendes, mono, mentions */

  /* Accents */
  --framboise: #b8324f;      /* l'action. Un seul par écran. */
  --framboise-press: #97283f;
  --rose: #e8a7b5;           /* souligne, jamais un bouton */
  --abricot: #e0762f;        /* chiffres, filets */
  --olive: #7d8f47;          /* accent jour : pris dans l'herbe */
  --olive-light: #a8bb63;    /* même olive, sur fond nuit */
  --bleu: #3f6f86;           /* la mer, les plans larges */

  /* Alias sémantiques — registre nuit (défaut) */
  --surface-page: var(--night-1);
  --surface-card: var(--night-2);
  --surface-sunken: #0d0a0b;
  --border-hairline: var(--night-3);
  --text-title: var(--paper-1);
  --text-body: var(--paper-2);
  --text-muted: var(--paper-3);
  --action-bg: var(--framboise);
  --action-fg: var(--paper-1);
  --accent-underline: var(--rose);
  --accent-figure: var(--olive-light);
  --focus-ring: var(--rose);
  --overlay-scrim: linear-gradient(180deg, rgba(20,15,17,0.74) 0%, rgba(20,15,17,0.10) 40%, rgba(20,15,17,0.90) 100%); /* @kind color */
}

/* Registre jour — poser data-registre="jour" sur n'importe quel conteneur */
[data-registre="jour"] {
  --surface-page: var(--cream-1);
  --surface-card: var(--cream-2);
  --surface-sunken: var(--cream-3);
  --border-hairline: var(--cream-4);
  --text-title: var(--ink-1);
  --text-body: var(--ink-2);
  --text-muted: var(--ink-3);
  --action-bg: var(--framboise);
  --action-fg: var(--cream-2);
  --accent-underline: var(--framboise);
  --accent-figure: var(--olive);
  --focus-ring: var(--framboise);
  --overlay-scrim: linear-gradient(180deg, rgba(36,29,30,0.55) 0%, rgba(36,29,30,0) 45%, rgba(36,29,30,0.75) 100%); /* @kind color */
}