/* Chartes Weblace. Une charte = un jeu de variables posé sur l'élément qui porte data-charte
   (html des pages, conteneur de la barre d'essai dans son shadow DOM). Polices : polices.css. */

[data-charte] {
  --alerte: #B42318;
  --succes: #1E7A4C;
  --couture: none;
  --feston: none;
  --ciseaux: none;
  --grille: none;
  --ombre: 0 24px 48px -28px rgba(10, 14, 40, .45);
  --vague: none;
  --titre-variation: normal;
}

/* Ruban : soie framboise sur brume lilas, des courbes partout, des rubans qui relient les blocs
   comme des liens relient les pages. Organique, doux, accueillant. */
[data-charte="ruban"] {
  --fond: #F7F2F8; --surface: #FFFFFF; --encre: #26142C; --gris: #67506D; --trait: #E7D8EA;
  --accent: #B3134C; --sur-accent: #FFFFFF; --accent-fonce: #860C38;
  --vif: #B3134C; --sur-vif: #FFFFFF; --doux: #F8DCE7;
  --scene: #F1E4F3; --sur-scene: #26142C; --scene-doux: #67506D; --fil: #B3134C;
  --etiquette-fond: #B3134C; --etiquette-encre: #FFFFFF;
  --titre: "Wl Fraunces", Georgia, serif; --titre-graisse: 560; --titre-chasse: 100%;
  --titre-variation: "SOFT" 100, "WONK" 0, "opsz" 110;
  --titre-approche: -.02em; --titre-interligne: 1.06;
  --texte: "Wl Nunito", "Segoe UI", system-ui, sans-serif;
  --rayon: 34px; --rayon-petit: 18px; --rayon-bouton: 999px;
  --vague: block;
  --ombre: 0 30px 60px -34px rgba(90, 20, 60, .45);
  --l1: #F8DCE7; --l2: #B3134C; --l3: #FFFFFF;
}

/* Cobalt : le bleu des bobines, le jaune d'une épingle. Franc, lisible, énergique. */
[data-charte="cobalt"] {
  --fond: #F5F7FB; --surface: #FFFFFF; --encre: #121633; --gris: #565B7A; --trait: #D9DDEA;
  --accent: #2A3BD6; --sur-accent: #FFFFFF; --accent-fonce: #1B27A3;
  --vif: #FFE45C; --sur-vif: #121633; --doux: #E9E7FF;
  --scene: #2A3BD6; --sur-scene: #FFFFFF; --scene-doux: #DDE1FF; --fil: #FFE45C;
  --etiquette-fond: #FFE45C; --etiquette-encre: #121633;
  --titre: "Wl Bricolage", "Segoe UI", system-ui, sans-serif; --titre-graisse: 750; --titre-chasse: 100%;
  --titre-approche: -.025em; --titre-interligne: 1.08;
  --texte: "Wl Atkinson", "Segoe UI", system-ui, sans-serif;
  --rayon: 28px; --rayon-petit: 14px; --rayon-bouton: 999px;
  --l1: #2A3BD6; --l2: #FFE45C; --l3: #FFFFFF;
}

/* Surpiqûre : toile denim, fil moutarde, rivets de cuivre. Robuste, artisan, fait pour durer. */
[data-charte="surpiqure"] {
  --fond: #E8ECF2; --surface: #FFFFFF; --encre: #131C33; --gris: #4F5A73; --trait: #C3CCDA;
  --accent: #24335C; --sur-accent: #FFFFFF; --accent-fonce: #18234A;
  --vif: #E8A33D; --sur-vif: #131C33; --doux: #D6DEEB;
  --scene: #1D2A4D; --sur-scene: #FFFFFF; --scene-doux: #C9D3E6; --fil: #E8A33D;
  --etiquette-fond: #8A4B2A; --etiquette-encre: #FBEBD9;
  --titre: "Wl Archivo", "Arial Black", system-ui, sans-serif; --titre-graisse: 820; --titre-chasse: 122%;
  --titre-approche: -.015em; --titre-interligne: 1.02;
  --texte: "Wl Archivo", "Segoe UI", system-ui, sans-serif;
  --rayon: 12px; --rayon-petit: 8px; --rayon-bouton: 10px;
  --couture: dashed;
  --l1: #24335C; --l2: #E8A33D; --l3: #B4673A;
}

/* Dentelle : papier poudré, griotte, fil blanc et festons. Doux, soigné, chaleureux. */
[data-charte="dentelle"] {
  --fond: #F8E7E2; --surface: #FFFBFA; --encre: #2E1019; --gris: #6E4651; --trait: #EBC9C0;
  --accent: #7A1F3D; --sur-accent: #FFFFFF; --accent-fonce: #5C1530;
  --vif: #7A1F3D; --sur-vif: #FFFFFF; --doux: #F2D3CB;
  --scene: #F2D3CB; --sur-scene: #2E1019; --scene-doux: #6E4651; --fil: #7A1F3D;
  --etiquette-fond: #FFFBFA; --etiquette-encre: #7A1F3D;
  --titre: "Wl Young Serif", Georgia, serif; --titre-graisse: 400; --titre-chasse: 100%;
  --titre-approche: -.01em; --titre-interligne: 1.12;
  --texte: "Wl Hanken", "Segoe UI", system-ui, sans-serif;
  --rayon: 26px; --rayon-petit: 14px; --rayon-bouton: 999px;
  --feston: block;
  --l1: #7A1F3D; --l2: #FFFFFF; --l3: #F8E7E2;
}

/* Patron : tapis de coupe, papier de soie, mètre jaune, épingles rouges. Précis, malin, sur mesure. */
[data-charte="patron"] {
  --fond: #F4F7F4; --surface: #FFFFFF; --encre: #12241B; --gris: #4C5D54; --trait: #C3D2C8;
  --accent: #1F5A45; --sur-accent: #FFFFFF; --accent-fonce: #154533;
  --vif: #F5C842; --sur-vif: #12241B; --doux: #DCEBE1; --epingle: #D8342B;
  --scene: #1F5A45; --sur-scene: #FFFFFF; --scene-doux: #CFE3D6; --fil: #F5C842;
  --etiquette-fond: #F5C842; --etiquette-encre: #12241B;
  --titre: "Wl Gabarito", "Segoe UI", system-ui, sans-serif; --titre-graisse: 800; --titre-chasse: 100%;
  --titre-approche: -.02em; --titre-interligne: 1.04;
  --texte: "Wl Schibsted", "Segoe UI", system-ui, sans-serif;
  --rayon: 6px; --rayon-petit: 4px; --rayon-bouton: 4px;
  --couture: dashed; --ciseaux: inline-block;
  --grille: linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px) 0 0 / 28px 28px,
            linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px) 0 0 / 28px 28px,
            linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px) 0 0 / 140px 140px,
            linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px) 0 0 / 140px 140px;
  --l1: #1F5A45; --l2: #F5C842; --l3: #FFFFFF;
}