/* Fabinoux Apps — thème clair, palette commune du hub.

   Un thème = un fichier de variables, sur le modèle de CarbuRadar. Les deux
   fichiers sont chargés par chaque page ; l'attribut data-theme de <html>
   choisit lequel s'applique. Une appli range SES couleurs dans
   apps/<appli>/themes/, déclarées après celles-ci : à sélecteur égal, elles
   l'emportent.

   Contrastes relevés (PROJECT.md § 5 bis) :
     --ink sur --bg 13,7:1 · --ink-2 sur --bg 6,4:1
     --brand sur --surface 5,5:1 · --brand-ink sur --brand-fill 8,9:1         */

:root[data-theme="light"] {
  color-scheme: light;

  --bg: #F7F5FC;
  --surface: #FFFFFF;
  --surface-2: #F0ECF9;
  --line: #E6E0F2;
  --line-strong: #D2C9E6;
  --ink: #2A2340;
  --ink-2: #5E5578;

  /* Deux jetons pour l'accent. `--brand` sert au texte et aux filets : il doit
     rester soutenu. `--brand-fill` est la pastille pastel des boutons pleins,
     sur laquelle on écrit en `--brand-ink`. C'est ce couple qui donne un rendu
     pastel sans rien céder sur la lisibilité. */
  --brand: #6D5BB5;
  --brand-fill: #CFC6F2;
  --brand-ink: #2A2350;
  --brand-soft: #EFEBFB;

  --shadow-1: 0 1px 2px rgba(42, 35, 64, 0.05);
  --shadow-2: 0 2px 4px rgba(42, 35, 64, 0.04), 0 12px 28px -16px rgba(42, 35, 64, 0.22);
}