/**
 * COPIE de odiflo_learning/marque/marque.css — ne pas modifier ici.
 * Les notes sont un outil personnel, pas un produit Odiflo : elles reprennent
 * le commun (papier, encre, Fraunces) mais n'ont pas d'accent de marque. Les
 * actions utilisent l'encre, qui est un neutre — emprunter l'indigo de Kira
 * laisserait croire que c'est Kira.
 *
 * Identité visuelle d'Odiflo — source unique pour tous les produits.
 *
 * Odiflo, Lumo et Kira sont trois produits du même éditeur. Ils n'ont pas à
 * partager leurs écrans, mais ils doivent partager trois signaux, ceux qui
 * font qu'on reconnaît une marque sans y penser :
 *
 *   1. la typographie — Fraunces pour les titres, système pour le corps ;
 *   2. les neutres — le papier et l'encre, identiques partout ;
 *   3. la signature — le logo et « un produit Odiflo ».
 *
 * L'accent, lui, **distingue** : un par produit. C'est la règle des grandes
 * suites — Gmail est rouge, Drive jaune, Calendar bleu, et personne ne doute
 * qu'ils viennent du même éditeur. La couleur dit *quel* produit, la typo dit
 * *quelle* marque. Chaque produit définit donc `--accent` chez lui ; ce
 * fichier ne fournit que le commun.
 *
 * Tout le reste est libre. Apple, Google et Microsoft n'ont pas la même
 * interface d'un produit à l'autre ; ils ont le même nom, la même typo et la
 * même couleur. C'est suffisant, et c'est tenable par une seule personne.
 *
 * Pourquoi ces valeurs-là et pas celles d'Odiflo v1 : le
 * `design_guidelines.json` imposait du glassmorphisme et une palette froide.
 * Ce document contenait lui-même une section entière sur le contraste, parce
 * que du texte sur du verre flou se lit mal — un défaut rédhibitoire pour une
 * plateforme où l'on lit des cours pendant des heures. Le papier et l'encre
 * sont un choix de lisibilité avant d'être un choix de goût.
 *
 * Usage : importer ce fichier, ou recopier les valeurs dans la configuration
 * du produit (Tailwind, React Native…). Voir marque.json pour la version
 * lisible par une machine, et README.md pour les règles.
 */
:root {
  /* Fonds et texte */
  --papier: #fbf9f6;              /* le fond, chaud : on lit dessus longtemps */
  --encre: #1a1a2e;               /* le texte */
  --encre-douce: rgba(26, 26, 46, 0.72);  /* texte secondaire */
  --carte: #ffffff;
  --bord: rgba(26, 26, 46, 0.08);



  /* Typographie */
  --serif: "Fraunces", Georgia, serif;   /* titres */
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --rayon: 16px;
}

/* Mode sombre. Chaque produit doit aussi éclaircir son accent : un ton
   choisi pour du papier clair disparaît sur fond foncé. */
:root[data-theme="sombre"] {
  --papier: #17161f;
  --encre: #f3f1f8;
  --encre-douce: rgba(243, 241, 248, 0.72);
  --carte: #201f2b;
  --bord: rgba(243, 241, 248, 0.1);
}