/*
 * Planimonde, les vingt designs. Un design redéfinit les variables de planimonde.css (couleurs, polices, rayons,
 * traits, ombres) et, pour certains, la place des panneaux. Le design « planimonde » est celui de planimonde.css.
 */

/* Dispositions réutilisées par plusieurs designs */
[data-design=calque] .pm-app, [data-design=carte] .pm-app, [data-design=foret] .pm-app { grid-template-columns: auto var(--l-fiche) minmax(0, 1fr) var(--l-bibli); grid-template-areas: "barre barre barre barre" "outils fiche scene bibli" "pied pied pied pied"; }
[data-design=calque] .pm-fiche, [data-design=carte] .pm-fiche, [data-design=foret] .pm-fiche { border-left: 0; border-right: var(--trait) solid var(--filet); }
[data-design=calque] .pm-bibli, [data-design=carte] .pm-bibli, [data-design=foret] .pm-bibli { border-right: 0; border-left: var(--trait) solid var(--filet); }

[data-design=atelier] .pm-app, [data-design=suisse] .pm-app, [data-design=chantier] .pm-app, [data-design=retro] .pm-app { grid-template-columns: var(--l-bibli) minmax(0, 1fr) var(--l-fiche); grid-template-rows: auto auto minmax(0, 1fr) auto; grid-template-areas: "barre barre barre" "outils outils outils" "bibli scene fiche" "pied pied pied"; }
[data-design=atelier] .pm-outils, [data-design=suisse] .pm-outils, [data-design=chantier] .pm-outils, [data-design=retro] .pm-outils { flex-direction: row; border-right: 0; border-bottom: var(--trait) solid var(--filet); padding: .35rem .8rem; }

[data-design=ocean], [data-design=clinique], [data-design=pastel], [data-design=neon] { --marge-panneau: 10px; --rayon-panneau: 16px; }
[data-design=ocean] .pm-bibli, [data-design=ocean] .pm-fiche, [data-design=clinique] .pm-bibli, [data-design=clinique] .pm-fiche, [data-design=pastel] .pm-bibli, [data-design=pastel] .pm-fiche, [data-design=neon] .pm-bibli, [data-design=neon] .pm-fiche { border: var(--trait) solid var(--filet); box-shadow: var(--ombre); }
[data-design=ocean] .pm-outils, [data-design=clinique] .pm-outils, [data-design=pastel] .pm-outils, [data-design=neon] .pm-outils { background: transparent; border: 0; }
[data-design=ocean] .pm-scene, [data-design=clinique] .pm-scene, [data-design=pastel] .pm-scene, [data-design=neon] .pm-scene { margin: 10px 0; border-radius: 16px; border: var(--trait) solid var(--filet); }

/* 2. Bleu d'architecte : le plan en traits clairs sur fond bleu, comme un tirage */
[data-design=bleu] {
	--pm-mur: #eaf2ff;
	--fond: #0b2f66; --surface: #0f3a7a; --surface2: #164a94; --encre: #eaf2ff; --encre2: #a9c3ea; --filet: #2f62ad;
	--accent: #ffffff; --accent-encre: #0b2f66; --accent2: #7fd4ff; --danger: #ffb4a6; --barre-fond: #0a2a5c; --barre-encre: #eaf2ff;
	--scene-fond: #0d3878; --grille: rgba(255, 255, 255, .09); --grille-forte: rgba(255, 255, 255, .2);
	--pm-papier: #114289; --pm-trait: #eaf2ff; --pm-cote: #9fe1ff; --pm-elem: #1b55a8;
	--rayon: 2px; --rayon-btn: 2px; --ombre: 0 8px 26px rgba(0, 0, 0, .35);
	--police: "Cascadia Mono", Consolas, "Courier New", monospace; --casse: uppercase; --espacement: .04em;
}

/* 3. Papier calque : crème, serif, traits fins */
[data-design=calque] {
	--fond: #f4efe4; --surface: #fbf8f1; --surface2: #f1ebdd; --encre: #2e2a24; --encre2: #7a705f; --filet: #d9cfba;
	--accent: #2e2a24; --accent-encre: #fbf8f1; --accent2: #9a5b2b; --barre-fond: #fbf8f1; --barre-encre: #2e2a24;
	--scene-fond: #ece5d5; --grille: rgba(90, 70, 40, .09); --grille-forte: rgba(90, 70, 40, .18);
	--pm-papier: #fffdf7; --pm-trait: #3a342b; --pm-cote: #9a5b2b; --pm-elem: #efe7d6;
	--rayon: 2px; --rayon-btn: 2px; --ombre: 0 4px 14px rgba(60, 45, 20, .12);
	--police: Georgia, "Times New Roman", serif; --graisse-titre: 400;
}

/* 4. Atelier : bois et carton, outils sur une tablette en haut */
[data-design=atelier] {
	--fond: #e7d9c3; --surface: #f6ecdb; --surface2: #eadbc2; --encre: #3b2a18; --encre2: #7d6548; --filet: #cdb894;
	--accent: #6b3f1d; --accent-encre: #fff6e6; --accent2: #c0621f; --barre-fond: #5a3a1e; --barre-encre: #fbeed7;
	--scene-fond: #dccbb0; --grille: rgba(80, 50, 20, .1); --grille-forte: rgba(80, 50, 20, .2);
	--pm-papier: #fffaf0; --pm-trait: #3b2a18; --pm-cote: #a84f12; --pm-elem: #ecdcc0;
	--rayon: 5px; --rayon-btn: 5px; --trait: 2px; --police: "Trebuchet MS", "Segoe UI", sans-serif; --graisse-titre: 700;
}

/* 5. Nuit : sombre, accent vert lime */
[data-design=nuit] {
	--pm-mur: #cfd6df;
	--fond: #121417; --surface: #1b1e23; --surface2: #252931; --encre: #e9edf2; --encre2: #9aa3b0; --filet: #323843;
	--accent: #b7f34a; --accent-encre: #14180c; --accent2: #b7f34a; --danger: #ff8f7d; --barre-fond: #16181c; --barre-encre: #e9edf2;
	--scene-fond: #0e1013; --grille: rgba(255, 255, 255, .05); --grille-forte: rgba(255, 255, 255, .11);
	--pm-papier: #1d2127; --pm-trait: #dfe5ec; --pm-cote: #b7f34a; --pm-elem: #2c323b;
	--rayon: 10px; --rayon-btn: 8px; --ombre: 0 10px 30px rgba(0, 0, 0, .5);
}

/* 6. Ardoise : tableau noir, craie, serif */
[data-design=ardoise] {
	--pm-mur: #f2efe6;
	--fond: #2b3331; --surface: #343e3b; --surface2: #3e4a46; --encre: #f2efe6; --encre2: #b5bdb4; --filet: #51605b;
	--accent: #f2efe6; --accent-encre: #2b3331; --accent2: #f6d77a; --danger: #ffb3a1; --barre-fond: #262d2b; --barre-encre: #f2efe6;
	--scene-fond: #2f3836; --grille: rgba(242, 239, 230, .07); --grille-forte: rgba(242, 239, 230, .15);
	--pm-papier: #36413e; --pm-trait: #f2efe6; --pm-cote: #f6d77a; --pm-elem: #47544f;
	--rayon: 3px; --rayon-btn: 3px; --police: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; --graisse-titre: 400;
}

/* 7. Suisse : blanc, noir, rouge, angles droits, majuscules */
[data-design=suisse] {
	--fond: #ffffff; --surface: #ffffff; --surface2: #f2f2f2; --encre: #000000; --encre2: #555555; --filet: #000000;
	--accent: #e30613; --accent-encre: #ffffff; --accent2: #e30613; --barre-fond: #ffffff; --barre-encre: #000000;
	--scene-fond: #f4f4f4; --grille: rgba(0, 0, 0, .07); --grille-forte: rgba(0, 0, 0, .16);
	--pm-papier: #ffffff; --pm-trait: #000000; --pm-cote: #e30613; --pm-elem: #ebebeb;
	--rayon: 0px; --rayon-btn: 0px; --trait: 2px; --ombre: none;
	--police: Helvetica, Arial, sans-serif; --casse: uppercase; --espacement: .05em; --graisse-titre: 800;
}

/* 8. Terminal : noir et vert, chasse fixe */
[data-design=terminal] {
	--pm-mur: #49f26b;
	--fond: #050805; --surface: #0a100a; --surface2: #101a10; --encre: #49f26b; --encre2: #2f9d47; --filet: #1e5a2b;
	--accent: #49f26b; --accent-encre: #050805; --accent2: #c8ff5a; --danger: #ff6b5a; --barre-fond: #050805; --barre-encre: #49f26b;
	--scene-fond: #030503; --grille: rgba(73, 242, 107, .08); --grille-forte: rgba(73, 242, 107, .2);
	--pm-papier: #071007; --pm-trait: #49f26b; --pm-cote: #c8ff5a; --pm-elem: #0f2413;
	--rayon: 0px; --rayon-btn: 0px; --ombre: 0 0 0 1px #1e5a2b;
	--police: Consolas, "Cascadia Mono", "Lucida Console", monospace; --casse: uppercase;
}

/* 9. Pastel : doux, très arrondi, panneaux flottants */
[data-design=pastel] {
	--fond: #f6eefb; --surface: #ffffff; --surface2: #f7f1fc; --encre: #4a3a63; --encre2: #8b7aa6; --filet: #e6d8f3;
	--accent: #b08be0; --accent-encre: #ffffff; --accent2: #f28cb1; --barre-fond: #fdf8ff; --barre-encre: #4a3a63;
	--scene-fond: #fbf6ff; --grille: rgba(140, 100, 190, .08); --grille-forte: rgba(140, 100, 190, .16);
	--pm-papier: #ffffff; --pm-trait: #5a4878; --pm-cote: #d2608d; --pm-elem: #efe3fa;
	--rayon: 16px; --rayon-btn: 999px; --ombre: 0 8px 24px rgba(150, 110, 200, .18);
	--police: ui-rounded, "Segoe UI Rounded", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;
}

/* 10. Brutaliste : jaune, noir, gros traits, ombres dures */
[data-design=brut] {
	--fond: #ffe600; --surface: #ffffff; --surface2: #fff7a8; --encre: #000000; --encre2: #333333; --filet: #000000;
	--accent: #000000; --accent-encre: #ffe600; --accent2: #ff3d00; --barre-fond: #000000; --barre-encre: #ffe600;
	--scene-fond: #fffbe0; --grille: rgba(0, 0, 0, .08); --grille-forte: rgba(0, 0, 0, .22);
	--pm-papier: #ffffff; --pm-trait: #000000; --pm-cote: #ff3d00; --pm-elem: #fff27a;
	--rayon: 0px; --rayon-btn: 0px; --trait: 3px; --ombre: 6px 6px 0 #000000;
	--police: "Arial Black", Impact, "Segoe UI Black", Arial, sans-serif; --casse: uppercase; --graisse-titre: 900;
}
[data-design=brut] .pm-btn, [data-design=brut] .pm-btn-icone, [data-design=brut] .pm-tuile { box-shadow: 3px 3px 0 #000; }
[data-design=brut] body { font-size: 12.5px; }

/* 11. Sable : beige, terre cuite, Palatino */
[data-design=sable] {
	--fond: #efe6d8; --surface: #faf5ec; --surface2: #f1e8d8; --encre: #4a3426; --encre2: #8a7260; --filet: #dccbb3;
	--accent: #b5532f; --accent-encre: #fff8ef; --accent2: #b5532f; --barre-fond: #faf5ec; --barre-encre: #4a3426;
	--scene-fond: #e8dcc8; --grille: rgba(120, 80, 50, .09); --grille-forte: rgba(120, 80, 50, .18);
	--pm-papier: #fffaf2; --pm-trait: #4a3426; --pm-cote: #b5532f; --pm-elem: #efe2cd;
	--rayon: 12px; --rayon-btn: 10px; --police: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; --graisse-titre: 600;
}

/* 12. Forêt : panneaux vert profond, plan crème, panneaux inversés */
[data-design=foret] {
	--fond: #17352a; --surface: #1d4234; --surface2: #275443; --encre: #eef5e9; --encre2: #a9c5b3; --filet: #356a55;
	--accent: #e9c46a; --accent-encre: #17352a; --accent2: #e9c46a; --danger: #ffb59e; --barre-fond: #132c23; --barre-encre: #eef5e9;
	--scene-fond: #f1ecdd; --grille: rgba(30, 70, 50, .09); --grille-forte: rgba(30, 70, 50, .18);
	--pm-papier: #fffdf5; --pm-trait: #1f3d31; --pm-cote: #2d7a57; --pm-elem: #e3ead9;
	--rayon: 6px; --rayon-btn: 6px; --police: Georgia, "Times New Roman", serif;
}

/* 13. Chantier : orange de sécurité, béton, lettres serrées */
[data-design=chantier] {
	--fond: #d9d9d6; --surface: #efefec; --surface2: #e2e2de; --encre: #1f1f1f; --encre2: #5e5e5a; --filet: #a9a9a4;
	--accent: #ff6a00; --accent-encre: #1f1f1f; --accent2: #ff6a00; --barre-fond: #1f1f1f; --barre-encre: #ffb000;
	--scene-fond: #cfcfcb; --grille: rgba(0, 0, 0, .09); --grille-forte: rgba(0, 0, 0, .2);
	--pm-papier: #f7f7f4; --pm-trait: #1f1f1f; --pm-cote: #c24e00; --pm-elem: #e0e0db;
	--rayon: 3px; --rayon-btn: 3px; --trait: 2px;
	--police: "Arial Narrow", "Roboto Condensed", "Segoe UI", Arial, sans-serif; --casse: uppercase; --espacement: .06em; --graisse-titre: 800;
}
[data-design=chantier] .pm-barre { border-bottom: 6px solid; border-image: repeating-linear-gradient(-45deg, #ffb000 0 12px, #1f1f1f 12px 24px) 6; }

/* 14. Journal : noir sur blanc cassé, Times, filets doubles */
[data-design=journal] {
	--fond: #f5f3ee; --surface: #f5f3ee; --surface2: #ebe8e0; --encre: #151515; --encre2: #5a5a5a; --filet: #151515;
	--accent: #151515; --accent-encre: #f5f3ee; --accent2: #8a1c1c; --barre-fond: #f5f3ee; --barre-encre: #151515;
	--scene-fond: #ecebe5; --grille: rgba(0, 0, 0, .06); --grille-forte: rgba(0, 0, 0, .14);
	--pm-papier: #fbfaf6; --pm-trait: #151515; --pm-cote: #8a1c1c; --pm-elem: #e8e5dc;
	--rayon: 0px; --rayon-btn: 0px; --ombre: none;
	--police: "Times New Roman", Times, Georgia, serif; --graisse-titre: 700;
}
[data-design=journal] .pm-barre { border-bottom: 4px double var(--filet); }
[data-design=journal] .pm-fiche h2 { font-size: 1.35rem; font-style: italic; border-bottom: 1px solid; padding-bottom: .3rem; }
[data-design=journal] body { font-size: 15px; }

/* 15. Océan : dégradé turquoise, panneaux de verre flottants */
[data-design=ocean] {
	--fond: #0b6f85; --surface: rgba(255, 255, 255, .86); --surface2: rgba(255, 255, 255, .6); --encre: #063746; --encre2: #3f7482; --filet: rgba(255, 255, 255, .7);
	--accent: #06586b; --accent-encre: #ffffff; --accent2: #0aa3bf; --barre-fond: rgba(255, 255, 255, .82); --barre-encre: #063746;
	--scene-fond: #e9f7fa; --grille: rgba(6, 88, 107, .08); --grille-forte: rgba(6, 88, 107, .17);
	--pm-papier: #ffffff; --pm-trait: #0b4756; --pm-cote: #0a8ba3; --pm-elem: #dff1f5;
	--rayon: 14px; --rayon-btn: 10px; --ombre: 0 12px 34px rgba(3, 50, 62, .28);
}
[data-design=ocean] body { background: linear-gradient(140deg, #0b6f85, #19b3c9 55%, #7fe0d6); }
[data-design=ocean] .pm-bibli, [data-design=ocean] .pm-fiche, [data-design=ocean] .pm-barre { backdrop-filter: blur(10px); }

/* 16. Cartographe : sépia, vieille carte, panneaux inversés */
[data-design=carte] {
	--fond: #e9dcc0; --surface: #f3e8cf; --surface2: #e8d9b8; --encre: #3d2f1c; --encre2: #806a4b; --filet: #bfa878;
	--accent: #5b4424; --accent-encre: #f8efd8; --accent2: #2f6f6a; --barre-fond: #3d2f1c; --barre-encre: #f3e8cf;
	--scene-fond: #dfcfa9; --grille: rgba(80, 55, 20, .12); --grille-forte: rgba(80, 55, 20, .24);
	--pm-papier: #f7edd3; --pm-trait: #3d2f1c; --pm-cote: #2f6f6a; --pm-elem: #e6d6ae;
	--rayon: 2px; --rayon-btn: 2px; --ombre: 0 6px 18px rgba(60, 40, 10, .22);
	--police: Garamond, "Palatino Linotype", "Book Antiqua", Georgia, serif; --graisse-titre: 600; --espacement: .02em;
}
[data-design=carte] body { font-size: 15.5px; }

/* 17. Néon : violet nuit, magenta et cyan, lueurs */
[data-design=neon] {
	--pm-mur: #f4eaff;
	--fond: #130a26; --surface: #1c1036; --surface2: #281848; --encre: #f4eaff; --encre2: #b39bd8; --filet: #46297a;
	--accent: #ff3df0; --accent-encre: #130a26; --accent2: #2ef2ff; --danger: #ff8aa0; --barre-fond: #170c2e; --barre-encre: #f4eaff;
	--scene-fond: #0e0720; --grille: rgba(46, 242, 255, .07); --grille-forte: rgba(255, 61, 240, .2);
	--pm-papier: #1a0f33; --pm-trait: #f4eaff; --pm-cote: #2ef2ff; --pm-elem: #2c1a52;
	--rayon: 12px; --rayon-btn: 8px; --ombre: 0 0 0 1px rgba(255, 61, 240, .35), 0 0 26px rgba(255, 61, 240, .22);
	--police: "Century Gothic", "Segoe UI", Verdana, sans-serif; --espacement: .03em;
}
[data-design=neon] .pm-btn.primaire { box-shadow: 0 0 14px rgba(255, 61, 240, .7); }

/* 18. Clinique : très clair, aéré, bleu doux, panneaux flottants */
[data-design=clinique] {
	--fond: #f7f9fb; --surface: #ffffff; --surface2: #f4f7fa; --encre: #25313f; --encre2: #8090a3; --filet: #e7ecf1;
	--accent: #2f7de1; --accent-encre: #ffffff; --accent2: #2f7de1; --barre-fond: #ffffff; --barre-encre: #25313f;
	--scene-fond: #ffffff; --grille: rgba(40, 80, 130, .05); --grille-forte: rgba(40, 80, 130, .1);
	--pm-papier: #ffffff; --pm-trait: #3a4a5c; --pm-cote: #2f7de1; --pm-elem: #eef3f8;
	--rayon: 10px; --rayon-btn: 10px; --ombre: 0 2px 10px rgba(30, 60, 100, .06); --graisse-titre: 500;
	--police: "Segoe UI Light", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
[data-design=clinique] .pm-btn { font-weight: 500; }

/* 19. Rétro : gris d'ordinateur ancien, bords en relief */
[data-design=retro] {
	--fond: #c0c0c0; --surface: #c0c0c0; --surface2: #ffffff; --encre: #000000; --encre2: #404040; --filet: #808080;
	--accent: #000080; --accent-encre: #ffffff; --accent2: #000080; --barre-fond: #000080; --barre-encre: #ffffff;
	--scene-fond: #008080; --grille: rgba(255, 255, 255, .12); --grille-forte: rgba(255, 255, 255, .28);
	--pm-papier: #ffffff; --pm-trait: #000000; --pm-cote: #000080; --pm-elem: #dfdfdf;
	--rayon: 0px; --rayon-btn: 0px; --ombre: 2px 2px 0 #000000;
	--police: Tahoma, "MS Sans Serif", Geneva, Verdana, sans-serif; --graisse-titre: 700;
}
[data-design=retro] .pm-btn, [data-design=retro] .pm-btn-icone, [data-design=retro] .pm-tuile { background: #c0c0c0; color: #000; border: 2px solid; border-color: #ffffff #404040 #404040 #ffffff; }
[data-design=retro] .pm-btn-icone[aria-pressed="true"], [data-design=retro] .pm-btn:active { border-color: #404040 #ffffff #ffffff #404040; background: #a8a8a8; color: #000; }
[data-design=retro] .pm-btn.primaire { font-weight: 700; color: #000; }
[data-design=retro] body { font-size: 12.5px; }
[data-design=retro] .pm-nom { color: #fff; }

/* 20. Soleil : jaune chaud, bleu nuit, rondeurs */
[data-design=soleil] {
	--fond: #fff3c4; --surface: #fffaf0; --surface2: #ffeeb0; --encre: #1b2452; --encre2: #5d638a; --filet: #f2d16b;
	--accent: #1b2452; --accent-encre: #ffd84a; --accent2: #f07c1c; --barre-fond: #ffd84a; --barre-encre: #1b2452;
	--scene-fond: #fff8dc; --grille: rgba(27, 36, 82, .07); --grille-forte: rgba(27, 36, 82, .15);
	--pm-papier: #ffffff; --pm-trait: #1b2452; --pm-cote: #d9630a; --pm-elem: #ffeeb0;
	--rayon: 12px; --rayon-btn: 12px; --trait: 2px; --ombre: 0 6px 0 rgba(27, 36, 82, .12);
	--police: Verdana, "Segoe UI", sans-serif; --graisse-titre: 700;
}
[data-design=soleil] body { font-size: 13px; }