/* zinema — couleurs. UI sombre par défaut : la salle obscure.
   L'image est le héros ; l'interface n'utilise qu'une seule lumière : la Lueur. */
:root {
  /* Noir salle — neutres (légèrement chauds, jamais bleus) */
  --noir-0: #070708;   /* fond vidéo, letterbox */
  --noir-1: #0C0C0F;   /* fond app par défaut */
  --noir-2: #131318;   /* surface : cartes, feuilles */
  --noir-3: #1B1B22;   /* surface en relief, champs */
  --noir-4: #26262F;   /* éléments interactifs au repos */
  --noir-5: #34343F;   /* éléments interactifs survolés */

  /* Texte sur sombre — blanc écran, légèrement chaud */
  --texte-1: #F4F2EC;                       /* titres, actions */
  --texte-2: rgba(244, 242, 236, 0.64);     /* corps, descriptions */
  --texte-3: rgba(244, 242, 236, 0.40);     /* métadonnées, repos */
  --texte-inverse: #16110A;                 /* texte sur Lueur */

  /* La Lueur — accent projecteur (ambre tungstène) */
  --lueur-100: #FFF3DC;
  --lueur-200: #FFE3B3;
  --lueur-300: #FACF87;
  --lueur-400: #F0B35E;   /* accent par défaut */
  --lueur-500: #D89540;   /* pressé / actif */
  --lueur-600: #A96F2B;   /* bordures accentuées discrètes */

  /* États — désaturés, jamais criards sur l'image */
  --ok: #7FC49A;
  --attention: #F0B35E;
  --alerte: #E66A57;

  /* Alias sémantiques */
  --surface-fond: var(--noir-1);
  --surface-carte: var(--noir-2);
  --surface-relief: var(--noir-3);
  --surface-controle: var(--noir-4);
  --bordure: rgba(244, 242, 236, 0.10);
  --bordure-forte: rgba(244, 242, 236, 0.18);
  --accent: var(--lueur-400);
  --accent-presse: var(--lueur-500);
  --texte-sur-accent: var(--texte-inverse);
}