/* Kit UI 0.5.0 : GÉNÉRÉ par outils/generer.dart (jetons/jetons.json, web/src/base.css, web/src/composants.css). */
/* Ne pas modifier à la main. Copier tel quel dans votre appli. */
/* Tout est dans la couche `kit` : le CSS de l'appli hors couche l'emporte. */

@layer kit.jetons, kit.base, kit.composants;

@layer kit.jetons {
/* GÉNÉRÉ par outils/generer.dart depuis jetons/jetons.json. Ne pas modifier à la main. */
/* Thème : data-theme="clair|sombre|auto" ; appli : data-appli="fleet|opale|ihome|nuage|courrier|aiguillage|maison". */

:root {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #EEF2F9FF;
  --couleur-texte: #172036FF;
  --couleur-texte2: #4A5571FF;
  --couleur-texte3: #67728FFF;
  --couleur-accent: #2A56CFFF;
  --couleur-accent-doux: #2A56CF1F;
  --couleur-sur-accent: #FFFFFFFF;
  --couleur-trait: #18203317;
  --couleur-danger: #C02C3AFF;
  --couleur-succes: #18835AFF;
  --couleur-alerte: #B76A00FF;
  --couleur-desactive-fond: #DFE4EFFF;
  --couleur-desactive-texte: #6B7592FF;
  --couleur-succes-doux: #18835A1F;
  --couleur-alerte-doux: #B76A001F;
  --couleur-danger-doux: #C02C3A1F;
  --couleur-inverse: #172036FF;
  --couleur-sur-inverse: #EEF2F9FF;
  --couleur-trait-fort: #18203338;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #FFFFFF94;
  --surface-elevee: #FFFFFFD6;
  --surface-surgissante: #FFFFFFEB;
  --surface-carte: #FFFFFF94;
  --surface-opaque: #F8FAFDFF;
  --surface-bord: #FFFFFFEB;
  --surface-sommet: #FFFFFF6B;
  --surface-eclairage: 0.1;
  --surface-texture: 0.035;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.08;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #17203614;
  --surface-carte-forte: #FFFFFFE6;
  --surface-pastille: #EDEFF3FF;
  --surface-pastille-forte: #DFE2E7FF;
  --surface-mobile: #FFFFFFC7;
  --fond-ambiance: unie;
  --fond-nuance1: #D3DEF5FF;
  --fond-nuance2: #F6E5D2FF;
  --fond-nuance3: #D5EBE5FF;
  --fond-voile: 0.45;
  --ombre-panneau: 0px 22px 50px -20px #17203647, 0px 2px 6px -2px #17203614;
  --ombre-carte: 0px 6px 16px -8px #17203624;
  --ombre-flottante: 0px 14px 34px -8px #17203640, 0px 2px 8px -2px #1720361F;
  --ombre-legere: 0px 2px 6px -2px #1720361F;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.12;
  --serie-teinte1: #2A56CFFF;
  --serie-teinte2: #0F8A7DFF;
  --serie-teinte3: #B76A00FF;
  --serie-teinte4: #C23B6BFF;
  --serie-teinte5: #7A4FD6FF;
  --serie-teinte6: #2E8B3AFF;
  --categorie-teinte1: #2A78D6FF;
  --categorie-teinte2: #EB6834FF;
  --categorie-teinte3: #1BAF7AFF;
  --categorie-teinte4: #EDA100FF;
  --categorie-teinte5: #E87BA4FF;
  --categorie-neutre: #8A93A5FF;
}

[data-theme="sombre"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #0A0E19FF;
  --couleur-texte: #EDF1FBFF;
  --couleur-texte2: #A9B3CDFF;
  --couleur-texte3: #8590ACFF;
  --couleur-accent: #7FA8FFFF;
  --couleur-accent-doux: #7FA8FF29;
  --couleur-sur-accent: #0A0E19FF;
  --couleur-trait: #FFFFFF14;
  --couleur-danger: #FF7D88FF;
  --couleur-succes: #4FDB9CFF;
  --couleur-alerte: #FFB547FF;
  --couleur-desactive-fond: #232A3CFF;
  --couleur-desactive-texte: #7B86A4FF;
  --couleur-succes-doux: #4FDB9C29;
  --couleur-alerte-doux: #FFB54729;
  --couleur-danger-doux: #FF7D8829;
  --couleur-inverse: #EDF1FBFF;
  --couleur-sur-inverse: #0A0E19FF;
  --couleur-trait-fort: #FFFFFF2E;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #1E253A85;
  --surface-elevee: #222940DB;
  --surface-surgissante: #222940F0;
  --surface-carte: #1E253A85;
  --surface-opaque: #1C2236FF;
  --surface-bord: #FFFFFF17;
  --surface-sommet: #FFFFFF0B;
  --surface-eclairage: 0.05;
  --surface-texture: 0.045;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.1;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #00000033;
  --surface-carte-forte: #1E253AE6;
  --surface-pastille: #292E42FF;
  --surface-pastille-forte: #353B4EFF;
  --surface-mobile: #1E253AC7;
  --fond-ambiance: unie;
  --fond-nuance1: #1B2850FF;
  --fond-nuance2: #2F2419FF;
  --fond-nuance3: #122D2DFF;
  --fond-voile: 0.55;
  --ombre-panneau: 0px 24px 54px -18px #000000B2, 0px 2px 6px -2px #00000066;
  --ombre-carte: 0px 8px 18px -8px #00000073;
  --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
  --ombre-legere: 0px 2px 6px -2px #00000059;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.16;
  --serie-teinte1: #7FA8FFFF;
  --serie-teinte2: #4FD1C2FF;
  --serie-teinte3: #FFB547FF;
  --serie-teinte4: #FF8FB4FF;
  --serie-teinte5: #B49CF5FF;
  --serie-teinte6: #6FDB7CFF;
  --categorie-teinte1: #3987E5FF;
  --categorie-teinte2: #D95926FF;
  --categorie-teinte3: #199E70FF;
  --categorie-teinte4: #C98500FF;
  --categorie-teinte5: #D55181FF;
  --categorie-neutre: #6B7280FF;
}

@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    --rayon-controle: 12px;
    --rayon-carte: 16px;
    --rayon-panneau: 24px;
    --rayon-pilule: 999px;
    --rayon-menu: 14px;
    --rayon-bloc: 18px;
    --rayon-rangee: 10px;
    --espace-xs: 4px;
    --espace-s: 8px;
    --espace-m: 12px;
    --espace-l: 16px;
    --espace-xl: 24px;
    --espace-xxl: 32px;
    --espace-l-plus: 20px;
    --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --typo-petit: 12px;
    --typo-corps: 14px;
    --typo-titre: 20px;
    --typo-grand-titre: 27px;
    --typo-graisse-normale: 400;
    --typo-graisse-forte: 600;
    --typo-graisse-titre: 700;
    --typo-interligne: 1.35;
    --typo-bouton: 15px;
    --typo-affichage: 36px;
    --typo-corps-large: 15px;
    --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    --mouvement-court: 120ms;
    --mouvement-moyen: 220ms;
    --mouvement-long: 700ms;
    --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
    --mouvement-echelle-appui: 0.97;
    --flou-barre: 18px;
    --flou-voile: 26px;
    --controle-hauteur: 44px;
    --controle-largeur-min: 44px;
    --controle-icone: 18px;
    --controle-epaisseur-focus: 1.4px;
    --controle-hauteur-mini: 28px;
    --controle-hauteur-compacte: 34px;
    --controle-hauteur-standard: 36px;
    --controle-hauteur-champ-compact: 38px;
    --controle-epaisseur-occupation: 2px;
    --accent-selection: 0.28;
    --accent-seuil-clair: 0.45;
    --accent-texte-sur-clair: #0A0E19FF;
    --accent-texte-sur-fonce: #FFFFFFFF;
    --champ-marge: 12px;
    --feuille-largeur-max: 560px;
    --etat-vide-icone: 40px;
    --etat-vide-largeur-max: 320px;
    --fond-pochette-opacite: 0.5;
    --fond-pochette-flou: 40px;
    --surface-dynamique-alpha: 0.2;
    --surface-dynamique-melange: 0.8;
    --surface-voile: 0.62;
    --densite-compacte-m: 8px;
    --densite-compacte-l: 12px;
    --densite-compacte-xl: 16px;
    --bascule-largeur: 64px;
    --bascule-hauteur: 116px;
    --bascule-manette-largeur: 52px;
    --bascule-manette-hauteur: 70px;
    --bascule-marge: 6px;
    --bascule-epaisseur-bord: 2.5px;
    --bascule-opacite-inactive: 0.45;
    --couleur-fond: #0A0E19FF;
    --couleur-texte: #EDF1FBFF;
    --couleur-texte2: #A9B3CDFF;
    --couleur-texte3: #8590ACFF;
    --couleur-accent: #7FA8FFFF;
    --couleur-accent-doux: #7FA8FF29;
    --couleur-sur-accent: #0A0E19FF;
    --couleur-trait: #FFFFFF14;
    --couleur-danger: #FF7D88FF;
    --couleur-succes: #4FDB9CFF;
    --couleur-alerte: #FFB547FF;
    --couleur-desactive-fond: #232A3CFF;
    --couleur-desactive-texte: #7B86A4FF;
    --couleur-succes-doux: #4FDB9C29;
    --couleur-alerte-doux: #FFB54729;
    --couleur-danger-doux: #FF7D8829;
    --couleur-inverse: #EDF1FBFF;
    --couleur-sur-inverse: #0A0E19FF;
    --couleur-trait-fort: #FFFFFF2E;
    --couleur-danger-plein: #B42318FF;
    --couleur-succes-plein: #1F7A4DFF;
    --couleur-alerte-plein: #9A5B00FF;
    --couleur-sur-plein: #FFFFFFFF;
    --surface-style: translucide;
    --surface-base: #1E253A85;
    --surface-elevee: #222940DB;
    --surface-surgissante: #222940F0;
    --surface-carte: #1E253A85;
    --surface-opaque: #1C2236FF;
    --surface-bord: #FFFFFF17;
    --surface-sommet: #FFFFFF0B;
    --surface-eclairage: 0.05;
    --surface-texture: 0.045;
    --surface-vivacite: 1.4;
    --surface-force-teinte: 0.1;
    --surface-eclairage-teinte: #FFFFFFFF;
    --surface-creuse: #00000033;
    --surface-carte-forte: #1E253AE6;
    --surface-pastille: #292E42FF;
    --surface-pastille-forte: #353B4EFF;
    --surface-mobile: #1E253AC7;
    --fond-ambiance: unie;
    --fond-nuance1: #1B2850FF;
    --fond-nuance2: #2F2419FF;
    --fond-nuance3: #122D2DFF;
    --fond-voile: 0.55;
    --ombre-panneau: 0px 24px 54px -18px #000000B2, 0px 2px 6px -2px #00000066;
    --ombre-carte: 0px 8px 18px -8px #00000073;
    --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
    --ombre-legere: 0px 2px 6px -2px #00000059;
    --ombre-page: -20px 0px 40px -20px #00000066;
    --ombre-poignee: 0px 2px 5px 0px #00000040;
    --accent-opacite-douce: 0.16;
    --serie-teinte1: #7FA8FFFF;
    --serie-teinte2: #4FD1C2FF;
    --serie-teinte3: #FFB547FF;
    --serie-teinte4: #FF8FB4FF;
    --serie-teinte5: #B49CF5FF;
    --serie-teinte6: #6FDB7CFF;
    --categorie-teinte1: #3987E5FF;
    --categorie-teinte2: #D95926FF;
    --categorie-teinte3: #199E70FF;
    --categorie-teinte4: #C98500FF;
    --categorie-teinte5: #D55181FF;
    --categorie-neutre: #6B7280FF;
  }
}

[data-appli="fleet"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: "Instrument", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #EEF2F9FF;
  --couleur-texte: #172036FF;
  --couleur-texte2: #4A5571FF;
  --couleur-texte3: #67728FFF;
  --couleur-accent: #2A56CFFF;
  --couleur-accent-doux: #2A56CF1F;
  --couleur-sur-accent: #FFFFFFFF;
  --couleur-trait: #18203317;
  --couleur-danger: #C02C3AFF;
  --couleur-succes: #18835AFF;
  --couleur-alerte: #B76A00FF;
  --couleur-desactive-fond: #DFE4EFFF;
  --couleur-desactive-texte: #6B7592FF;
  --couleur-succes-doux: #18835A1F;
  --couleur-alerte-doux: #B76A001F;
  --couleur-danger-doux: #C02C3A1F;
  --couleur-inverse: #172036FF;
  --couleur-sur-inverse: #EEF2F9FF;
  --couleur-trait-fort: #18203338;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #FFFFFF94;
  --surface-elevee: #FFFFFFD6;
  --surface-surgissante: #FFFFFFEB;
  --surface-carte: #FFFFFF94;
  --surface-opaque: #F8FAFDFF;
  --surface-bord: #FFFFFFEB;
  --surface-sommet: #FFFFFF6B;
  --surface-eclairage: 0.1;
  --surface-texture: 0.035;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.08;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #17203614;
  --surface-carte-forte: #FFFFFFE6;
  --surface-pastille: #EDEFF3FF;
  --surface-pastille-forte: #DFE2E7FF;
  --surface-mobile: #FFFFFFC7;
  --fond-ambiance: unie;
  --fond-nuance1: #D3DEF5FF;
  --fond-nuance2: #F6E5D2FF;
  --fond-nuance3: #D5EBE5FF;
  --fond-voile: 0.45;
  --ombre-panneau: 0px 22px 50px -20px #17203647, 0px 2px 6px -2px #17203614;
  --ombre-carte: 0px 6px 16px -8px #17203624;
  --ombre-flottante: 0px 14px 34px -8px #17203640, 0px 2px 8px -2px #1720361F;
  --ombre-legere: 0px 2px 6px -2px #1720361F;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.12;
  --serie-teinte1: #2A56CFFF;
  --serie-teinte2: #0F8A7DFF;
  --serie-teinte3: #B76A00FF;
  --serie-teinte4: #C23B6BFF;
  --serie-teinte5: #7A4FD6FF;
  --serie-teinte6: #2E8B3AFF;
  --categorie-teinte1: #2A78D6FF;
  --categorie-teinte2: #EB6834FF;
  --categorie-teinte3: #1BAF7AFF;
  --categorie-teinte4: #EDA100FF;
  --categorie-teinte5: #E87BA4FF;
  --categorie-neutre: #8A93A5FF;
  --appli-terminal-fond: #0D111CFF;
  --appli-terminal-texte: #D7DEEEFF;
  --appli-terminal-gris: #7C87A3FF;
  --appli-terminal-vert: #5FE0A4FF;
  --appli-terminal-bleu: #86AEFFFF;
  --appli-terminal-ambre: #FFC066FF;
  --appli-terminal-noir: #1A2030FF;
  --appli-terminal-rouge: #FF7D88FF;
  --appli-terminal-magenta: #C9A2FFFF;
  --appli-terminal-cyan: #6FD6E8FF;
  --appli-terminal-rouge-vif: #FF9EA6FF;
  --appli-terminal-vert-vif: #8BF0C1FF;
  --appli-terminal-ambre-vif: #FFD596FF;
  --appli-terminal-bleu-vif: #B0CAFFFF;
  --appli-terminal-magenta-vif: #DCC2FFFF;
  --appli-terminal-cyan-vif: #9DE6F2FF;
  --appli-terminal-blanc-vif: #FFFFFFFF;
  --appli-terminal-selection: #86AEFF55;
  --appli-terminal-recherche: #FFC06666;
  --appli-terminal-recherche-courante: #FFC066AA;
  --appli-attend: #B76A00FF;
  --appli-attend-doux: #E8961E29;
  --appli-ok-doux: #18835A1F;
  --appli-danger-doux: #C02C3A1A;
  --appli-menthe: #1F9A82FF;
  --appli-code-fond: #1720360D;
  --appli-scrim: #12182847;
  --appli-cadre: #1B2131FF;
}

[data-appli="fleet"][data-theme="sombre"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: "Instrument", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #0A0E19FF;
  --couleur-texte: #EDF1FBFF;
  --couleur-texte2: #A9B3CDFF;
  --couleur-texte3: #8590ACFF;
  --couleur-accent: #7FA8FFFF;
  --couleur-accent-doux: #7FA8FF29;
  --couleur-sur-accent: #0A0E19FF;
  --couleur-trait: #FFFFFF14;
  --couleur-danger: #FF7D88FF;
  --couleur-succes: #4FDB9CFF;
  --couleur-alerte: #FFB547FF;
  --couleur-desactive-fond: #232A3CFF;
  --couleur-desactive-texte: #7B86A4FF;
  --couleur-succes-doux: #4FDB9C29;
  --couleur-alerte-doux: #FFB54729;
  --couleur-danger-doux: #FF7D8829;
  --couleur-inverse: #EDF1FBFF;
  --couleur-sur-inverse: #0A0E19FF;
  --couleur-trait-fort: #FFFFFF2E;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #1E253A85;
  --surface-elevee: #222940DB;
  --surface-surgissante: #222940F0;
  --surface-carte: #1E253A85;
  --surface-opaque: #1C2236FF;
  --surface-bord: #FFFFFF17;
  --surface-sommet: #FFFFFF0B;
  --surface-eclairage: 0.05;
  --surface-texture: 0.045;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.1;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #00000033;
  --surface-carte-forte: #1E253AE6;
  --surface-pastille: #292E42FF;
  --surface-pastille-forte: #353B4EFF;
  --surface-mobile: #1E253AC7;
  --fond-ambiance: unie;
  --fond-nuance1: #1B2850FF;
  --fond-nuance2: #2F2419FF;
  --fond-nuance3: #122D2DFF;
  --fond-voile: 0.55;
  --ombre-panneau: 0px 24px 54px -18px #000000B2, 0px 2px 6px -2px #00000066;
  --ombre-carte: 0px 8px 18px -8px #00000073;
  --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
  --ombre-legere: 0px 2px 6px -2px #00000059;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.16;
  --serie-teinte1: #7FA8FFFF;
  --serie-teinte2: #4FD1C2FF;
  --serie-teinte3: #FFB547FF;
  --serie-teinte4: #FF8FB4FF;
  --serie-teinte5: #B49CF5FF;
  --serie-teinte6: #6FDB7CFF;
  --categorie-teinte1: #3987E5FF;
  --categorie-teinte2: #D95926FF;
  --categorie-teinte3: #199E70FF;
  --categorie-teinte4: #C98500FF;
  --categorie-teinte5: #D55181FF;
  --categorie-neutre: #6B7280FF;
  --appli-terminal-fond: #0D111CFF;
  --appli-terminal-texte: #D7DEEEFF;
  --appli-terminal-gris: #7C87A3FF;
  --appli-terminal-vert: #5FE0A4FF;
  --appli-terminal-bleu: #86AEFFFF;
  --appli-terminal-ambre: #FFC066FF;
  --appli-terminal-noir: #1A2030FF;
  --appli-terminal-rouge: #FF7D88FF;
  --appli-terminal-magenta: #C9A2FFFF;
  --appli-terminal-cyan: #6FD6E8FF;
  --appli-terminal-rouge-vif: #FF9EA6FF;
  --appli-terminal-vert-vif: #8BF0C1FF;
  --appli-terminal-ambre-vif: #FFD596FF;
  --appli-terminal-bleu-vif: #B0CAFFFF;
  --appli-terminal-magenta-vif: #DCC2FFFF;
  --appli-terminal-cyan-vif: #9DE6F2FF;
  --appli-terminal-blanc-vif: #FFFFFFFF;
  --appli-terminal-selection: #86AEFF55;
  --appli-terminal-recherche: #FFC06666;
  --appli-terminal-recherche-courante: #FFC066AA;
  --appli-attend: #FFB547FF;
  --appli-attend-doux: #FFB54729;
  --appli-ok-doux: #4FDB9C24;
  --appli-danger-doux: #FF7D8824;
  --appli-menthe: #5ED6BCFF;
  --appli-code-fond: #00000047;
  --appli-scrim: #00000080;
  --appli-cadre: #2A3247FF;
}

@media (prefers-color-scheme: dark) {
  [data-appli="fleet"][data-theme="auto"] {
    --rayon-controle: 12px;
    --rayon-carte: 16px;
    --rayon-panneau: 24px;
    --rayon-pilule: 999px;
    --rayon-menu: 14px;
    --rayon-bloc: 18px;
    --rayon-rangee: 10px;
    --espace-xs: 4px;
    --espace-s: 8px;
    --espace-m: 12px;
    --espace-l: 16px;
    --espace-xl: 24px;
    --espace-xxl: 32px;
    --espace-l-plus: 20px;
    --typo-famille: "Instrument", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --typo-petit: 12px;
    --typo-corps: 14px;
    --typo-titre: 20px;
    --typo-grand-titre: 27px;
    --typo-graisse-normale: 400;
    --typo-graisse-forte: 600;
    --typo-graisse-titre: 700;
    --typo-interligne: 1.35;
    --typo-bouton: 15px;
    --typo-affichage: 36px;
    --typo-corps-large: 15px;
    --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    --mouvement-court: 120ms;
    --mouvement-moyen: 220ms;
    --mouvement-long: 700ms;
    --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
    --mouvement-echelle-appui: 0.97;
    --flou-barre: 18px;
    --flou-voile: 26px;
    --controle-hauteur: 44px;
    --controle-largeur-min: 44px;
    --controle-icone: 18px;
    --controle-epaisseur-focus: 1.4px;
    --controle-hauteur-mini: 28px;
    --controle-hauteur-compacte: 34px;
    --controle-hauteur-standard: 36px;
    --controle-hauteur-champ-compact: 38px;
    --controle-epaisseur-occupation: 2px;
    --accent-selection: 0.28;
    --accent-seuil-clair: 0.45;
    --accent-texte-sur-clair: #0A0E19FF;
    --accent-texte-sur-fonce: #FFFFFFFF;
    --champ-marge: 12px;
    --feuille-largeur-max: 560px;
    --etat-vide-icone: 40px;
    --etat-vide-largeur-max: 320px;
    --fond-pochette-opacite: 0.5;
    --fond-pochette-flou: 40px;
    --surface-dynamique-alpha: 0.2;
    --surface-dynamique-melange: 0.8;
    --surface-voile: 0.62;
    --densite-compacte-m: 8px;
    --densite-compacte-l: 12px;
    --densite-compacte-xl: 16px;
    --bascule-largeur: 64px;
    --bascule-hauteur: 116px;
    --bascule-manette-largeur: 52px;
    --bascule-manette-hauteur: 70px;
    --bascule-marge: 6px;
    --bascule-epaisseur-bord: 2.5px;
    --bascule-opacite-inactive: 0.45;
    --couleur-fond: #0A0E19FF;
    --couleur-texte: #EDF1FBFF;
    --couleur-texte2: #A9B3CDFF;
    --couleur-texte3: #8590ACFF;
    --couleur-accent: #7FA8FFFF;
    --couleur-accent-doux: #7FA8FF29;
    --couleur-sur-accent: #0A0E19FF;
    --couleur-trait: #FFFFFF14;
    --couleur-danger: #FF7D88FF;
    --couleur-succes: #4FDB9CFF;
    --couleur-alerte: #FFB547FF;
    --couleur-desactive-fond: #232A3CFF;
    --couleur-desactive-texte: #7B86A4FF;
    --couleur-succes-doux: #4FDB9C29;
    --couleur-alerte-doux: #FFB54729;
    --couleur-danger-doux: #FF7D8829;
    --couleur-inverse: #EDF1FBFF;
    --couleur-sur-inverse: #0A0E19FF;
    --couleur-trait-fort: #FFFFFF2E;
    --couleur-danger-plein: #B42318FF;
    --couleur-succes-plein: #1F7A4DFF;
    --couleur-alerte-plein: #9A5B00FF;
    --couleur-sur-plein: #FFFFFFFF;
    --surface-style: translucide;
    --surface-base: #1E253A85;
    --surface-elevee: #222940DB;
    --surface-surgissante: #222940F0;
    --surface-carte: #1E253A85;
    --surface-opaque: #1C2236FF;
    --surface-bord: #FFFFFF17;
    --surface-sommet: #FFFFFF0B;
    --surface-eclairage: 0.05;
    --surface-texture: 0.045;
    --surface-vivacite: 1.4;
    --surface-force-teinte: 0.1;
    --surface-eclairage-teinte: #FFFFFFFF;
    --surface-creuse: #00000033;
    --surface-carte-forte: #1E253AE6;
    --surface-pastille: #292E42FF;
    --surface-pastille-forte: #353B4EFF;
    --surface-mobile: #1E253AC7;
    --fond-ambiance: unie;
    --fond-nuance1: #1B2850FF;
    --fond-nuance2: #2F2419FF;
    --fond-nuance3: #122D2DFF;
    --fond-voile: 0.55;
    --ombre-panneau: 0px 24px 54px -18px #000000B2, 0px 2px 6px -2px #00000066;
    --ombre-carte: 0px 8px 18px -8px #00000073;
    --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
    --ombre-legere: 0px 2px 6px -2px #00000059;
    --ombre-page: -20px 0px 40px -20px #00000066;
    --ombre-poignee: 0px 2px 5px 0px #00000040;
    --accent-opacite-douce: 0.16;
    --serie-teinte1: #7FA8FFFF;
    --serie-teinte2: #4FD1C2FF;
    --serie-teinte3: #FFB547FF;
    --serie-teinte4: #FF8FB4FF;
    --serie-teinte5: #B49CF5FF;
    --serie-teinte6: #6FDB7CFF;
    --categorie-teinte1: #3987E5FF;
    --categorie-teinte2: #D95926FF;
    --categorie-teinte3: #199E70FF;
    --categorie-teinte4: #C98500FF;
    --categorie-teinte5: #D55181FF;
    --categorie-neutre: #6B7280FF;
    --appli-terminal-fond: #0D111CFF;
    --appli-terminal-texte: #D7DEEEFF;
    --appli-terminal-gris: #7C87A3FF;
    --appli-terminal-vert: #5FE0A4FF;
    --appli-terminal-bleu: #86AEFFFF;
    --appli-terminal-ambre: #FFC066FF;
    --appli-terminal-noir: #1A2030FF;
    --appli-terminal-rouge: #FF7D88FF;
    --appli-terminal-magenta: #C9A2FFFF;
    --appli-terminal-cyan: #6FD6E8FF;
    --appli-terminal-rouge-vif: #FF9EA6FF;
    --appli-terminal-vert-vif: #8BF0C1FF;
    --appli-terminal-ambre-vif: #FFD596FF;
    --appli-terminal-bleu-vif: #B0CAFFFF;
    --appli-terminal-magenta-vif: #DCC2FFFF;
    --appli-terminal-cyan-vif: #9DE6F2FF;
    --appli-terminal-blanc-vif: #FFFFFFFF;
    --appli-terminal-selection: #86AEFF55;
    --appli-terminal-recherche: #FFC06666;
    --appli-terminal-recherche-courante: #FFC066AA;
    --appli-attend: #FFB547FF;
    --appli-attend-doux: #FFB54729;
    --appli-ok-doux: #4FDB9C24;
    --appli-danger-doux: #FF7D8824;
    --appli-menthe: #5ED6BCFF;
    --appli-code-fond: #00000047;
    --appli-scrim: #00000080;
    --appli-cadre: #2A3247FF;
  }
}

[data-appli="opale"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #FBF8F4FF;
  --couleur-texte: #221F3DFF;
  --couleur-texte2: #5E5878FF;
  --couleur-texte3: #6F6A88FF;
  --couleur-accent: #5B3FC9FF;
  --couleur-accent-doux: #5B3FC91A;
  --couleur-sur-accent: #FFFFFFFF;
  --couleur-trait: #221F3D1A;
  --couleur-danger: #C02C3AFF;
  --couleur-succes: #18835AFF;
  --couleur-alerte: #B76A00FF;
  --couleur-desactive-fond: #DFE4EFFF;
  --couleur-desactive-texte: #6B7592FF;
  --couleur-succes-doux: #18835A1F;
  --couleur-alerte-doux: #B76A001F;
  --couleur-danger-doux: #C02C3A1F;
  --couleur-inverse: #221F3DFF;
  --couleur-sur-inverse: #FBF8F4FF;
  --couleur-trait-fort: #221F3D38;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #FFFFFF94;
  --surface-elevee: #FFFFFFCC;
  --surface-surgissante: #FFFFFFE6;
  --surface-carte: #FFFFFFB8;
  --surface-opaque: #FDFBFFFF;
  --surface-bord: #FFFFFFD9;
  --surface-sommet: #FFFFFF4C;
  --surface-eclairage: 0.1;
  --surface-texture: 0.035;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.08;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #17203614;
  --surface-carte-forte: #FFFFFFE6;
  --surface-pastille: #F2F0F5FF;
  --surface-pastille-forte: #E5E3EAFF;
  --surface-mobile: #FFFFFFC7;
  --fond-ambiance: vive;
  --fond-nuance1: #E4DAFBFF;
  --fond-nuance2: #FADDE9FF;
  --fond-nuance3: #D9EEF6FF;
  --fond-voile: 0.45;
  --ombre-panneau: 0px 20px 50px -18px #221F3D2E;
  --ombre-carte: 0px 6px 16px -8px #221F3D1F;
  --ombre-flottante: 0px 14px 34px -8px #17203640, 0px 2px 8px -2px #1720361F;
  --ombre-legere: 0px 2px 6px -2px #1720361F;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.12;
  --serie-teinte1: #2A56CFFF;
  --serie-teinte2: #0F8A7DFF;
  --serie-teinte3: #B76A00FF;
  --serie-teinte4: #C23B6BFF;
  --serie-teinte5: #7A4FD6FF;
  --serie-teinte6: #2E8B3AFF;
  --categorie-teinte1: #2A78D6FF;
  --categorie-teinte2: #EB6834FF;
  --categorie-teinte3: #1BAF7AFF;
  --categorie-teinte4: #EDA100FF;
  --categorie-teinte5: #E87BA4FF;
  --categorie-neutre: #8A93A5FF;
  --appli-favori: #B0306EFF;
}

[data-appli="opale"][data-theme="sombre"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #0E0C1CFF;
  --couleur-texte: #F6F3FFFF;
  --couleur-texte2: #B9B3D6FF;
  --couleur-texte3: #8C86ADFF;
  --couleur-accent: #B49CF5FF;
  --couleur-accent-doux: #B49CF529;
  --couleur-sur-accent: #0E0C1CFF;
  --couleur-trait: #D6CCFF17;
  --couleur-danger: #FF7D88FF;
  --couleur-succes: #4FDB9CFF;
  --couleur-alerte: #FFB547FF;
  --couleur-desactive-fond: #232A3CFF;
  --couleur-desactive-texte: #7B86A4FF;
  --couleur-succes-doux: #4FDB9C29;
  --couleur-alerte-doux: #FFB54729;
  --couleur-danger-doux: #FF7D8829;
  --couleur-inverse: #F6F3FFFF;
  --couleur-sur-inverse: #0E0C1CFF;
  --couleur-trait-fort: #D6CCFF2E;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #1A18309E;
  --surface-elevee: #221F3DCC;
  --surface-surgissante: #221F3DF0;
  --surface-carte: #221F3D9E;
  --surface-opaque: #221F3DFF;
  --surface-bord: #D6CCFF1A;
  --surface-sommet: #FFFFFF0B;
  --surface-eclairage: 0.05;
  --surface-texture: 0.045;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.1;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #00000033;
  --surface-carte-forte: #221F3DE6;
  --surface-pastille: #2F2C49FF;
  --surface-pastille-forte: #3B3854FF;
  --surface-mobile: #1A1830C7;
  --fond-ambiance: vive;
  --fond-nuance1: #2B2358FF;
  --fond-nuance2: #3B1D3EFF;
  --fond-nuance3: #0F3142FF;
  --fond-voile: 0.55;
  --ombre-panneau: 0px 20px 50px -18px #0000008C;
  --ombre-carte: 0px 8px 18px -8px #00000066;
  --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
  --ombre-legere: 0px 2px 6px -2px #00000059;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.16;
  --serie-teinte1: #7FA8FFFF;
  --serie-teinte2: #4FD1C2FF;
  --serie-teinte3: #FFB547FF;
  --serie-teinte4: #FF8FB4FF;
  --serie-teinte5: #B49CF5FF;
  --serie-teinte6: #6FDB7CFF;
  --categorie-teinte1: #3987E5FF;
  --categorie-teinte2: #D95926FF;
  --categorie-teinte3: #199E70FF;
  --categorie-teinte4: #C98500FF;
  --categorie-teinte5: #D55181FF;
  --categorie-neutre: #6B7280FF;
  --appli-favori: #F59AC0FF;
}

@media (prefers-color-scheme: dark) {
  [data-appli="opale"][data-theme="auto"] {
    --rayon-controle: 12px;
    --rayon-carte: 16px;
    --rayon-panneau: 24px;
    --rayon-pilule: 999px;
    --rayon-menu: 14px;
    --rayon-bloc: 18px;
    --rayon-rangee: 10px;
    --espace-xs: 4px;
    --espace-s: 8px;
    --espace-m: 12px;
    --espace-l: 16px;
    --espace-xl: 24px;
    --espace-xxl: 32px;
    --espace-l-plus: 20px;
    --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --typo-petit: 12px;
    --typo-corps: 14px;
    --typo-titre: 20px;
    --typo-grand-titre: 27px;
    --typo-graisse-normale: 400;
    --typo-graisse-forte: 600;
    --typo-graisse-titre: 700;
    --typo-interligne: 1.35;
    --typo-bouton: 15px;
    --typo-affichage: 36px;
    --typo-corps-large: 15px;
    --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    --mouvement-court: 120ms;
    --mouvement-moyen: 220ms;
    --mouvement-long: 700ms;
    --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
    --mouvement-echelle-appui: 0.97;
    --flou-barre: 18px;
    --flou-voile: 26px;
    --controle-hauteur: 44px;
    --controle-largeur-min: 44px;
    --controle-icone: 18px;
    --controle-epaisseur-focus: 1.4px;
    --controle-hauteur-mini: 28px;
    --controle-hauteur-compacte: 34px;
    --controle-hauteur-standard: 36px;
    --controle-hauteur-champ-compact: 38px;
    --controle-epaisseur-occupation: 2px;
    --accent-selection: 0.28;
    --accent-seuil-clair: 0.45;
    --accent-texte-sur-clair: #0A0E19FF;
    --accent-texte-sur-fonce: #FFFFFFFF;
    --champ-marge: 12px;
    --feuille-largeur-max: 560px;
    --etat-vide-icone: 40px;
    --etat-vide-largeur-max: 320px;
    --fond-pochette-opacite: 0.5;
    --fond-pochette-flou: 40px;
    --surface-dynamique-alpha: 0.2;
    --surface-dynamique-melange: 0.8;
    --surface-voile: 0.62;
    --densite-compacte-m: 8px;
    --densite-compacte-l: 12px;
    --densite-compacte-xl: 16px;
    --bascule-largeur: 64px;
    --bascule-hauteur: 116px;
    --bascule-manette-largeur: 52px;
    --bascule-manette-hauteur: 70px;
    --bascule-marge: 6px;
    --bascule-epaisseur-bord: 2.5px;
    --bascule-opacite-inactive: 0.45;
    --couleur-fond: #0E0C1CFF;
    --couleur-texte: #F6F3FFFF;
    --couleur-texte2: #B9B3D6FF;
    --couleur-texte3: #8C86ADFF;
    --couleur-accent: #B49CF5FF;
    --couleur-accent-doux: #B49CF529;
    --couleur-sur-accent: #0E0C1CFF;
    --couleur-trait: #D6CCFF17;
    --couleur-danger: #FF7D88FF;
    --couleur-succes: #4FDB9CFF;
    --couleur-alerte: #FFB547FF;
    --couleur-desactive-fond: #232A3CFF;
    --couleur-desactive-texte: #7B86A4FF;
    --couleur-succes-doux: #4FDB9C29;
    --couleur-alerte-doux: #FFB54729;
    --couleur-danger-doux: #FF7D8829;
    --couleur-inverse: #F6F3FFFF;
    --couleur-sur-inverse: #0E0C1CFF;
    --couleur-trait-fort: #D6CCFF2E;
    --couleur-danger-plein: #B42318FF;
    --couleur-succes-plein: #1F7A4DFF;
    --couleur-alerte-plein: #9A5B00FF;
    --couleur-sur-plein: #FFFFFFFF;
    --surface-style: translucide;
    --surface-base: #1A18309E;
    --surface-elevee: #221F3DCC;
    --surface-surgissante: #221F3DF0;
    --surface-carte: #221F3D9E;
    --surface-opaque: #221F3DFF;
    --surface-bord: #D6CCFF1A;
    --surface-sommet: #FFFFFF0B;
    --surface-eclairage: 0.05;
    --surface-texture: 0.045;
    --surface-vivacite: 1.4;
    --surface-force-teinte: 0.1;
    --surface-eclairage-teinte: #FFFFFFFF;
    --surface-creuse: #00000033;
    --surface-carte-forte: #221F3DE6;
    --surface-pastille: #2F2C49FF;
    --surface-pastille-forte: #3B3854FF;
    --surface-mobile: #1A1830C7;
    --fond-ambiance: vive;
    --fond-nuance1: #2B2358FF;
    --fond-nuance2: #3B1D3EFF;
    --fond-nuance3: #0F3142FF;
    --fond-voile: 0.55;
    --ombre-panneau: 0px 20px 50px -18px #0000008C;
    --ombre-carte: 0px 8px 18px -8px #00000066;
    --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
    --ombre-legere: 0px 2px 6px -2px #00000059;
    --ombre-page: -20px 0px 40px -20px #00000066;
    --ombre-poignee: 0px 2px 5px 0px #00000040;
    --accent-opacite-douce: 0.16;
    --serie-teinte1: #7FA8FFFF;
    --serie-teinte2: #4FD1C2FF;
    --serie-teinte3: #FFB547FF;
    --serie-teinte4: #FF8FB4FF;
    --serie-teinte5: #B49CF5FF;
    --serie-teinte6: #6FDB7CFF;
    --categorie-teinte1: #3987E5FF;
    --categorie-teinte2: #D95926FF;
    --categorie-teinte3: #199E70FF;
    --categorie-teinte4: #C98500FF;
    --categorie-teinte5: #D55181FF;
    --categorie-neutre: #6B7280FF;
    --appli-favori: #F59AC0FF;
  }
}

[data-appli="ihome"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #0E0C1CFF;
  --couleur-texte: #F6F3FFFF;
  --couleur-texte2: #B9B3D6FF;
  --couleur-texte3: #8C86ADFF;
  --couleur-accent: #B49CF5FF;
  --couleur-accent-doux: #B49CF529;
  --couleur-sur-accent: #0E0C1CFF;
  --couleur-trait: #D6CCFF17;
  --couleur-danger: #FF7D88FF;
  --couleur-succes: #4FDB9CFF;
  --couleur-alerte: #FFB547FF;
  --couleur-desactive-fond: #232A3CFF;
  --couleur-desactive-texte: #7B86A4FF;
  --couleur-succes-doux: #4FDB9C29;
  --couleur-alerte-doux: #FFB54729;
  --couleur-danger-doux: #FF7D8829;
  --couleur-inverse: #F6F3FFFF;
  --couleur-sur-inverse: #0E0C1CFF;
  --couleur-trait-fort: #D6CCFF2E;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #1A18309E;
  --surface-elevee: #221F3DCC;
  --surface-surgissante: #221F3DF0;
  --surface-carte: #221F3D9E;
  --surface-opaque: #221F3DFF;
  --surface-bord: #D6CCFF1A;
  --surface-sommet: #FFFFFF0B;
  --surface-eclairage: 0.05;
  --surface-texture: 0.045;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.1;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #00000033;
  --surface-carte-forte: #221F3DE6;
  --surface-pastille: #2F2C49FF;
  --surface-pastille-forte: #3B3854FF;
  --surface-mobile: #1A1830C7;
  --fond-ambiance: vive;
  --fond-nuance1: #2B2358FF;
  --fond-nuance2: #3B1D3EFF;
  --fond-nuance3: #0F3142FF;
  --fond-voile: 0.55;
  --ombre-panneau: 0px 20px 50px -18px #0000008C;
  --ombre-carte: 0px 8px 18px -8px #00000066;
  --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
  --ombre-legere: 0px 2px 6px -2px #00000059;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.16;
  --serie-teinte1: #7FA8FFFF;
  --serie-teinte2: #4FD1C2FF;
  --serie-teinte3: #FFB547FF;
  --serie-teinte4: #FF8FB4FF;
  --serie-teinte5: #B49CF5FF;
  --serie-teinte6: #6FDB7CFF;
  --categorie-teinte1: #3987E5FF;
  --categorie-teinte2: #D95926FF;
  --categorie-teinte3: #199E70FF;
  --categorie-teinte4: #C98500FF;
  --categorie-teinte5: #D55181FF;
  --categorie-neutre: #6B7280FF;
}

[data-appli="ihome"][data-theme="sombre"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #0E0C1CFF;
  --couleur-texte: #F6F3FFFF;
  --couleur-texte2: #B9B3D6FF;
  --couleur-texte3: #8C86ADFF;
  --couleur-accent: #B49CF5FF;
  --couleur-accent-doux: #B49CF529;
  --couleur-sur-accent: #0E0C1CFF;
  --couleur-trait: #D6CCFF17;
  --couleur-danger: #FF7D88FF;
  --couleur-succes: #4FDB9CFF;
  --couleur-alerte: #FFB547FF;
  --couleur-desactive-fond: #232A3CFF;
  --couleur-desactive-texte: #7B86A4FF;
  --couleur-succes-doux: #4FDB9C29;
  --couleur-alerte-doux: #FFB54729;
  --couleur-danger-doux: #FF7D8829;
  --couleur-inverse: #F6F3FFFF;
  --couleur-sur-inverse: #0E0C1CFF;
  --couleur-trait-fort: #D6CCFF2E;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #1A18309E;
  --surface-elevee: #221F3DCC;
  --surface-surgissante: #221F3DF0;
  --surface-carte: #221F3D9E;
  --surface-opaque: #221F3DFF;
  --surface-bord: #D6CCFF1A;
  --surface-sommet: #FFFFFF0B;
  --surface-eclairage: 0.05;
  --surface-texture: 0.045;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.1;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #00000033;
  --surface-carte-forte: #221F3DE6;
  --surface-pastille: #2F2C49FF;
  --surface-pastille-forte: #3B3854FF;
  --surface-mobile: #1A1830C7;
  --fond-ambiance: vive;
  --fond-nuance1: #2B2358FF;
  --fond-nuance2: #3B1D3EFF;
  --fond-nuance3: #0F3142FF;
  --fond-voile: 0.55;
  --ombre-panneau: 0px 20px 50px -18px #0000008C;
  --ombre-carte: 0px 8px 18px -8px #00000066;
  --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
  --ombre-legere: 0px 2px 6px -2px #00000059;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.16;
  --serie-teinte1: #7FA8FFFF;
  --serie-teinte2: #4FD1C2FF;
  --serie-teinte3: #FFB547FF;
  --serie-teinte4: #FF8FB4FF;
  --serie-teinte5: #B49CF5FF;
  --serie-teinte6: #6FDB7CFF;
  --categorie-teinte1: #3987E5FF;
  --categorie-teinte2: #D95926FF;
  --categorie-teinte3: #199E70FF;
  --categorie-teinte4: #C98500FF;
  --categorie-teinte5: #D55181FF;
  --categorie-neutre: #6B7280FF;
}

@media (prefers-color-scheme: dark) {
  [data-appli="ihome"][data-theme="auto"] {
    --rayon-controle: 12px;
    --rayon-carte: 16px;
    --rayon-panneau: 24px;
    --rayon-pilule: 999px;
    --rayon-menu: 14px;
    --rayon-bloc: 18px;
    --rayon-rangee: 10px;
    --espace-xs: 4px;
    --espace-s: 8px;
    --espace-m: 12px;
    --espace-l: 16px;
    --espace-xl: 24px;
    --espace-xxl: 32px;
    --espace-l-plus: 20px;
    --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --typo-petit: 12px;
    --typo-corps: 14px;
    --typo-titre: 20px;
    --typo-grand-titre: 27px;
    --typo-graisse-normale: 400;
    --typo-graisse-forte: 600;
    --typo-graisse-titre: 700;
    --typo-interligne: 1.35;
    --typo-bouton: 15px;
    --typo-affichage: 36px;
    --typo-corps-large: 15px;
    --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    --mouvement-court: 120ms;
    --mouvement-moyen: 220ms;
    --mouvement-long: 700ms;
    --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
    --mouvement-echelle-appui: 0.97;
    --flou-barre: 18px;
    --flou-voile: 26px;
    --controle-hauteur: 44px;
    --controle-largeur-min: 44px;
    --controle-icone: 18px;
    --controle-epaisseur-focus: 1.4px;
    --controle-hauteur-mini: 28px;
    --controle-hauteur-compacte: 34px;
    --controle-hauteur-standard: 36px;
    --controle-hauteur-champ-compact: 38px;
    --controle-epaisseur-occupation: 2px;
    --accent-selection: 0.28;
    --accent-seuil-clair: 0.45;
    --accent-texte-sur-clair: #0A0E19FF;
    --accent-texte-sur-fonce: #FFFFFFFF;
    --champ-marge: 12px;
    --feuille-largeur-max: 560px;
    --etat-vide-icone: 40px;
    --etat-vide-largeur-max: 320px;
    --fond-pochette-opacite: 0.5;
    --fond-pochette-flou: 40px;
    --surface-dynamique-alpha: 0.2;
    --surface-dynamique-melange: 0.8;
    --surface-voile: 0.62;
    --densite-compacte-m: 8px;
    --densite-compacte-l: 12px;
    --densite-compacte-xl: 16px;
    --bascule-largeur: 64px;
    --bascule-hauteur: 116px;
    --bascule-manette-largeur: 52px;
    --bascule-manette-hauteur: 70px;
    --bascule-marge: 6px;
    --bascule-epaisseur-bord: 2.5px;
    --bascule-opacite-inactive: 0.45;
    --couleur-fond: #0E0C1CFF;
    --couleur-texte: #F6F3FFFF;
    --couleur-texte2: #B9B3D6FF;
    --couleur-texte3: #8C86ADFF;
    --couleur-accent: #B49CF5FF;
    --couleur-accent-doux: #B49CF529;
    --couleur-sur-accent: #0E0C1CFF;
    --couleur-trait: #D6CCFF17;
    --couleur-danger: #FF7D88FF;
    --couleur-succes: #4FDB9CFF;
    --couleur-alerte: #FFB547FF;
    --couleur-desactive-fond: #232A3CFF;
    --couleur-desactive-texte: #7B86A4FF;
    --couleur-succes-doux: #4FDB9C29;
    --couleur-alerte-doux: #FFB54729;
    --couleur-danger-doux: #FF7D8829;
    --couleur-inverse: #F6F3FFFF;
    --couleur-sur-inverse: #0E0C1CFF;
    --couleur-trait-fort: #D6CCFF2E;
    --couleur-danger-plein: #B42318FF;
    --couleur-succes-plein: #1F7A4DFF;
    --couleur-alerte-plein: #9A5B00FF;
    --couleur-sur-plein: #FFFFFFFF;
    --surface-style: translucide;
    --surface-base: #1A18309E;
    --surface-elevee: #221F3DCC;
    --surface-surgissante: #221F3DF0;
    --surface-carte: #221F3D9E;
    --surface-opaque: #221F3DFF;
    --surface-bord: #D6CCFF1A;
    --surface-sommet: #FFFFFF0B;
    --surface-eclairage: 0.05;
    --surface-texture: 0.045;
    --surface-vivacite: 1.4;
    --surface-force-teinte: 0.1;
    --surface-eclairage-teinte: #FFFFFFFF;
    --surface-creuse: #00000033;
    --surface-carte-forte: #221F3DE6;
    --surface-pastille: #2F2C49FF;
    --surface-pastille-forte: #3B3854FF;
    --surface-mobile: #1A1830C7;
    --fond-ambiance: vive;
    --fond-nuance1: #2B2358FF;
    --fond-nuance2: #3B1D3EFF;
    --fond-nuance3: #0F3142FF;
    --fond-voile: 0.55;
    --ombre-panneau: 0px 20px 50px -18px #0000008C;
    --ombre-carte: 0px 8px 18px -8px #00000066;
    --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
    --ombre-legere: 0px 2px 6px -2px #00000059;
    --ombre-page: -20px 0px 40px -20px #00000066;
    --ombre-poignee: 0px 2px 5px 0px #00000040;
    --accent-opacite-douce: 0.16;
    --serie-teinte1: #7FA8FFFF;
    --serie-teinte2: #4FD1C2FF;
    --serie-teinte3: #FFB547FF;
    --serie-teinte4: #FF8FB4FF;
    --serie-teinte5: #B49CF5FF;
    --serie-teinte6: #6FDB7CFF;
    --categorie-teinte1: #3987E5FF;
    --categorie-teinte2: #D95926FF;
    --categorie-teinte3: #199E70FF;
    --categorie-teinte4: #C98500FF;
    --categorie-teinte5: #D55181FF;
    --categorie-neutre: #6B7280FF;
  }
}

[data-appli="nuage"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #EEF0F5FF;
  --couleur-texte: #15161AFF;
  --couleur-texte2: #4A4D57FF;
  --couleur-texte3: #686C77FF;
  --couleur-accent: #4338CAFF;
  --couleur-accent-doux: #4338CA1A;
  --couleur-sur-accent: #FFFFFFFF;
  --couleur-trait: #14161E1A;
  --couleur-danger: #B42318FF;
  --couleur-succes: #1F7A4DFF;
  --couleur-alerte: #9A5B00FF;
  --couleur-desactive-fond: #DFE4EFFF;
  --couleur-desactive-texte: #6B7592FF;
  --couleur-succes-doux: #1F7A4D1F;
  --couleur-alerte-doux: #9A5B001F;
  --couleur-danger-doux: #B423181F;
  --couleur-inverse: #15161AFF;
  --couleur-sur-inverse: #EEF0F5FF;
  --couleur-trait-fort: #14161E38;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #FAFBFDC7;
  --surface-elevee: #FAFBFDDB;
  --surface-surgissante: #FAFBFDF0;
  --surface-carte: #FFFFFFFF;
  --surface-opaque: #F7F8FBFF;
  --surface-bord: #14161E1A;
  --surface-sommet: #FFFFFF00;
  --surface-eclairage: 0;
  --surface-texture: 0;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.08;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #17203614;
  --surface-carte-forte: #FFFFFFE6;
  --surface-pastille: #ECEDF0FF;
  --surface-pastille-forte: #DEDFE2FF;
  --surface-mobile: #FAFBFDC7;
  --fond-ambiance: douce;
  --fond-nuance1: #7684FF29;
  --fond-nuance2: #50C4BA1F;
  --fond-nuance3: #FFB0801A;
  --fond-voile: 0.45;
  --ombre-panneau: 0px 16px 40px -16px #10121A24;
  --ombre-carte: none;
  --ombre-flottante: 0px 14px 34px -8px #17203640, 0px 2px 8px -2px #1720361F;
  --ombre-legere: 0px 2px 6px -2px #1720361F;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.12;
  --serie-teinte1: #2A56CFFF;
  --serie-teinte2: #0F8A7DFF;
  --serie-teinte3: #B76A00FF;
  --serie-teinte4: #C23B6BFF;
  --serie-teinte5: #7A4FD6FF;
  --serie-teinte6: #2E8B3AFF;
  --categorie-teinte1: #2A78D6FF;
  --categorie-teinte2: #EB6834FF;
  --categorie-teinte3: #1BAF7AFF;
  --categorie-teinte4: #EDA100FF;
  --categorie-teinte5: #E87BA4FF;
  --categorie-neutre: #8A93A5FF;
  --appli-fichier-dossier: #4F46E5FF;
  --appli-fichier-image: #0F766EFF;
  --appli-fichier-pdf: #B42318FF;
  --appli-fichier-video: #BE185DFF;
  --appli-fichier-audio: #C2410CFF;
  --appli-fichier-texte: #475569FF;
  --appli-fichier-archive: #92400EFF;
  --appli-fichier-code: #6D28D9FF;
}

[data-appli="nuage"][data-theme="sombre"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #0D0E12FF;
  --couleur-texte: #F2F3F5FF;
  --couleur-texte2: #B9BCC6FF;
  --couleur-texte3: #9A9EAAFF;
  --couleur-accent: #A5B4FCFF;
  --couleur-accent-doux: #818CF829;
  --couleur-sur-accent: #0D0E12FF;
  --couleur-trait: #FFFFFF12;
  --couleur-danger: #FCA5A5FF;
  --couleur-succes: #86EFACFF;
  --couleur-alerte: #FCD34DFF;
  --couleur-desactive-fond: #232A3CFF;
  --couleur-desactive-texte: #7B86A4FF;
  --couleur-succes-doux: #86EFAC29;
  --couleur-alerte-doux: #FCD34D29;
  --couleur-danger-doux: #FCA5A529;
  --couleur-inverse: #F2F3F5FF;
  --couleur-sur-inverse: #0D0E12FF;
  --couleur-trait-fort: #FFFFFF2E;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #181A20CC;
  --surface-elevee: #181A20E0;
  --surface-surgissante: #1B1D23F5;
  --surface-carte: #17181DFF;
  --surface-opaque: #1B1D23FF;
  --surface-bord: #FFFFFF1A;
  --surface-sommet: #FFFFFF00;
  --surface-eclairage: 0;
  --surface-texture: 0;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.1;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #00000033;
  --surface-carte-forte: #17181DE6;
  --surface-pastille: #282A30FF;
  --surface-pastille-forte: #35373CFF;
  --surface-mobile: #181A20CC;
  --fond-ambiance: douce;
  --fond-nuance1: #6366F129;
  --fond-nuance2: #14B8A617;
  --fond-nuance3: #EC48990F;
  --fond-voile: 0.55;
  --ombre-panneau: 0px 16px 40px -16px #00000080;
  --ombre-carte: none;
  --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
  --ombre-legere: 0px 2px 6px -2px #00000059;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.16;
  --serie-teinte1: #7FA8FFFF;
  --serie-teinte2: #4FD1C2FF;
  --serie-teinte3: #FFB547FF;
  --serie-teinte4: #FF8FB4FF;
  --serie-teinte5: #B49CF5FF;
  --serie-teinte6: #6FDB7CFF;
  --categorie-teinte1: #3987E5FF;
  --categorie-teinte2: #D95926FF;
  --categorie-teinte3: #199E70FF;
  --categorie-teinte4: #C98500FF;
  --categorie-teinte5: #D55181FF;
  --categorie-neutre: #6B7280FF;
  --appli-fichier-dossier: #A5B4FCFF;
  --appli-fichier-image: #5EEAD4FF;
  --appli-fichier-pdf: #FCA5A5FF;
  --appli-fichier-video: #F9A8D4FF;
  --appli-fichier-audio: #FDBA74FF;
  --appli-fichier-texte: #CBD5E1FF;
  --appli-fichier-archive: #FCD34DFF;
  --appli-fichier-code: #C4B5FDFF;
}

@media (prefers-color-scheme: dark) {
  [data-appli="nuage"][data-theme="auto"] {
    --rayon-controle: 12px;
    --rayon-carte: 16px;
    --rayon-panneau: 24px;
    --rayon-pilule: 999px;
    --rayon-menu: 14px;
    --rayon-bloc: 18px;
    --rayon-rangee: 10px;
    --espace-xs: 4px;
    --espace-s: 8px;
    --espace-m: 12px;
    --espace-l: 16px;
    --espace-xl: 24px;
    --espace-xxl: 32px;
    --espace-l-plus: 20px;
    --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --typo-petit: 12px;
    --typo-corps: 14px;
    --typo-titre: 20px;
    --typo-grand-titre: 27px;
    --typo-graisse-normale: 400;
    --typo-graisse-forte: 600;
    --typo-graisse-titre: 700;
    --typo-interligne: 1.35;
    --typo-bouton: 15px;
    --typo-affichage: 36px;
    --typo-corps-large: 15px;
    --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    --mouvement-court: 120ms;
    --mouvement-moyen: 220ms;
    --mouvement-long: 700ms;
    --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
    --mouvement-echelle-appui: 0.97;
    --flou-barre: 18px;
    --flou-voile: 26px;
    --controle-hauteur: 44px;
    --controle-largeur-min: 44px;
    --controle-icone: 18px;
    --controle-epaisseur-focus: 1.4px;
    --controle-hauteur-mini: 28px;
    --controle-hauteur-compacte: 34px;
    --controle-hauteur-standard: 36px;
    --controle-hauteur-champ-compact: 38px;
    --controle-epaisseur-occupation: 2px;
    --accent-selection: 0.28;
    --accent-seuil-clair: 0.45;
    --accent-texte-sur-clair: #0A0E19FF;
    --accent-texte-sur-fonce: #FFFFFFFF;
    --champ-marge: 12px;
    --feuille-largeur-max: 560px;
    --etat-vide-icone: 40px;
    --etat-vide-largeur-max: 320px;
    --fond-pochette-opacite: 0.5;
    --fond-pochette-flou: 40px;
    --surface-dynamique-alpha: 0.2;
    --surface-dynamique-melange: 0.8;
    --surface-voile: 0.62;
    --densite-compacte-m: 8px;
    --densite-compacte-l: 12px;
    --densite-compacte-xl: 16px;
    --bascule-largeur: 64px;
    --bascule-hauteur: 116px;
    --bascule-manette-largeur: 52px;
    --bascule-manette-hauteur: 70px;
    --bascule-marge: 6px;
    --bascule-epaisseur-bord: 2.5px;
    --bascule-opacite-inactive: 0.45;
    --couleur-fond: #0D0E12FF;
    --couleur-texte: #F2F3F5FF;
    --couleur-texte2: #B9BCC6FF;
    --couleur-texte3: #9A9EAAFF;
    --couleur-accent: #A5B4FCFF;
    --couleur-accent-doux: #818CF829;
    --couleur-sur-accent: #0D0E12FF;
    --couleur-trait: #FFFFFF12;
    --couleur-danger: #FCA5A5FF;
    --couleur-succes: #86EFACFF;
    --couleur-alerte: #FCD34DFF;
    --couleur-desactive-fond: #232A3CFF;
    --couleur-desactive-texte: #7B86A4FF;
    --couleur-succes-doux: #86EFAC29;
    --couleur-alerte-doux: #FCD34D29;
    --couleur-danger-doux: #FCA5A529;
    --couleur-inverse: #F2F3F5FF;
    --couleur-sur-inverse: #0D0E12FF;
    --couleur-trait-fort: #FFFFFF2E;
    --couleur-danger-plein: #B42318FF;
    --couleur-succes-plein: #1F7A4DFF;
    --couleur-alerte-plein: #9A5B00FF;
    --couleur-sur-plein: #FFFFFFFF;
    --surface-style: translucide;
    --surface-base: #181A20CC;
    --surface-elevee: #181A20E0;
    --surface-surgissante: #1B1D23F5;
    --surface-carte: #17181DFF;
    --surface-opaque: #1B1D23FF;
    --surface-bord: #FFFFFF1A;
    --surface-sommet: #FFFFFF00;
    --surface-eclairage: 0;
    --surface-texture: 0;
    --surface-vivacite: 1.4;
    --surface-force-teinte: 0.1;
    --surface-eclairage-teinte: #FFFFFFFF;
    --surface-creuse: #00000033;
    --surface-carte-forte: #17181DE6;
    --surface-pastille: #282A30FF;
    --surface-pastille-forte: #35373CFF;
    --surface-mobile: #181A20CC;
    --fond-ambiance: douce;
    --fond-nuance1: #6366F129;
    --fond-nuance2: #14B8A617;
    --fond-nuance3: #EC48990F;
    --fond-voile: 0.55;
    --ombre-panneau: 0px 16px 40px -16px #00000080;
    --ombre-carte: none;
    --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
    --ombre-legere: 0px 2px 6px -2px #00000059;
    --ombre-page: -20px 0px 40px -20px #00000066;
    --ombre-poignee: 0px 2px 5px 0px #00000040;
    --accent-opacite-douce: 0.16;
    --serie-teinte1: #7FA8FFFF;
    --serie-teinte2: #4FD1C2FF;
    --serie-teinte3: #FFB547FF;
    --serie-teinte4: #FF8FB4FF;
    --serie-teinte5: #B49CF5FF;
    --serie-teinte6: #6FDB7CFF;
    --categorie-teinte1: #3987E5FF;
    --categorie-teinte2: #D95926FF;
    --categorie-teinte3: #199E70FF;
    --categorie-teinte4: #C98500FF;
    --categorie-teinte5: #D55181FF;
    --categorie-neutre: #6B7280FF;
    --appli-fichier-dossier: #A5B4FCFF;
    --appli-fichier-image: #5EEAD4FF;
    --appli-fichier-pdf: #FCA5A5FF;
    --appli-fichier-video: #F9A8D4FF;
    --appli-fichier-audio: #FDBA74FF;
    --appli-fichier-texte: #CBD5E1FF;
    --appli-fichier-archive: #FCD34DFF;
    --appli-fichier-code: #C4B5FDFF;
  }
}

[data-appli="courrier"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #E9EDF4FF;
  --couleur-texte: #141824FF;
  --couleur-texte2: #4A5263FF;
  --couleur-texte3: #727A8CFF;
  --couleur-accent: #2D5BEAFF;
  --couleur-accent-doux: #2D5BEA1C;
  --couleur-sur-accent: #FFFFFFFF;
  --couleur-trait: #1C26401A;
  --couleur-danger: #D12A2AFF;
  --couleur-succes: #15803DFF;
  --couleur-alerte: #B76A00FF;
  --couleur-desactive-fond: #DFE4EFFF;
  --couleur-desactive-texte: #6B7592FF;
  --couleur-succes-doux: #15803D1F;
  --couleur-alerte-doux: #B76A001F;
  --couleur-danger-doux: #D12A2A1F;
  --couleur-inverse: #141824FF;
  --couleur-sur-inverse: #E9EDF4FF;
  --couleur-trait-fort: #1C264038;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #F8FAFD94;
  --surface-elevee: #FCFDFFBD;
  --surface-surgissante: #FCFDFFED;
  --surface-carte: #FFFFFFB8;
  --surface-opaque: #FFFFFFFF;
  --surface-bord: #FFFFFFC7;
  --surface-sommet: #FFFFFF8C;
  --surface-eclairage: 0.1;
  --surface-texture: 0.035;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.08;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #17203614;
  --surface-carte-forte: #FFFFFFE6;
  --surface-pastille: #F3F3F4FF;
  --surface-pastille-forte: #E5E6E7FF;
  --surface-mobile: #F8FAFDC7;
  --fond-ambiance: vive;
  --fond-nuance1: #C9D6F2FF;
  --fond-nuance2: #F3DCD2FF;
  --fond-nuance3: #D5ECEAFF;
  --fond-voile: 0.45;
  --ombre-panneau: 0px 24px 60px -20px #1E2D5A47;
  --ombre-carte: 0px 1px 2px 0px #141E3C0D, 0px 6px 22px 0px #141E3C12;
  --ombre-flottante: 0px 14px 34px -8px #17203640, 0px 2px 8px -2px #1720361F;
  --ombre-legere: 0px 2px 6px -2px #1720361F;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.12;
  --serie-teinte1: #2A56CFFF;
  --serie-teinte2: #0F8A7DFF;
  --serie-teinte3: #B76A00FF;
  --serie-teinte4: #C23B6BFF;
  --serie-teinte5: #7A4FD6FF;
  --serie-teinte6: #2E8B3AFF;
  --categorie-teinte1: #2A78D6FF;
  --categorie-teinte2: #EB6834FF;
  --categorie-teinte3: #1BAF7AFF;
  --categorie-teinte4: #EDA100FF;
  --categorie-teinte5: #E87BA4FF;
  --categorie-neutre: #8A93A5FF;
  --appli-serie-recus: #2A78D6FF;
  --appli-serie-envoyes: #EB6834FF;
  --appli-gris: #9CA3AFFF;
  --appli-tri-fond: #6366F112;
  --appli-tri-bord: #6366F133;
  --appli-danger-doux: #DC26261A;
  --appli-selection: #E2E9FFF2;
  --appli-survol: #FFFFFF9E;
  --appli-fond-haut: #DAE0F0FF;
}

[data-appli="courrier"][data-theme="sombre"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #0B0F19FF;
  --couleur-texte: #E8EBF2FF;
  --couleur-texte2: #A7AFC0FF;
  --couleur-texte3: #7C8599FF;
  --couleur-accent: #7D9BFFFF;
  --couleur-accent-doux: #7D9BFF29;
  --couleur-sur-accent: #0B0F19FF;
  --couleur-trait: #FFFFFF17;
  --couleur-danger: #F87171FF;
  --couleur-succes: #4ADE80FF;
  --couleur-alerte: #FFB547FF;
  --couleur-desactive-fond: #232A3CFF;
  --couleur-desactive-texte: #7B86A4FF;
  --couleur-succes-doux: #4ADE8029;
  --couleur-alerte-doux: #FFB54729;
  --couleur-danger-doux: #F8717129;
  --couleur-inverse: #E8EBF2FF;
  --couleur-sur-inverse: #0B0F19FF;
  --couleur-trait-fort: #FFFFFF2E;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #1419269E;
  --surface-elevee: #1A2030C7;
  --surface-surgissante: #1E2436F0;
  --surface-carte: #242B3E9E;
  --surface-opaque: #1A1F2DFF;
  --surface-bord: #FFFFFF14;
  --surface-sommet: #FFFFFF1A;
  --surface-eclairage: 0.05;
  --surface-texture: 0.045;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.1;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #00000033;
  --surface-carte-forte: #242B3EE6;
  --surface-pastille: #262B39FF;
  --surface-pastille-forte: #333745FF;
  --surface-mobile: #141926C7;
  --fond-ambiance: vive;
  --fond-nuance1: #1B2A55FF;
  --fond-nuance2: #3A2140FF;
  --fond-nuance3: #0F3A3DFF;
  --fond-voile: 0.55;
  --ombre-panneau: 0px 24px 60px -20px #00000099;
  --ombre-carte: 0px 1px 2px 0px #0000004C, 0px 6px 22px 0px #00000040;
  --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
  --ombre-legere: 0px 2px 6px -2px #00000059;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.16;
  --serie-teinte1: #7FA8FFFF;
  --serie-teinte2: #4FD1C2FF;
  --serie-teinte3: #FFB547FF;
  --serie-teinte4: #FF8FB4FF;
  --serie-teinte5: #B49CF5FF;
  --serie-teinte6: #6FDB7CFF;
  --categorie-teinte1: #3987E5FF;
  --categorie-teinte2: #D95926FF;
  --categorie-teinte3: #199E70FF;
  --categorie-teinte4: #C98500FF;
  --categorie-teinte5: #D55181FF;
  --categorie-neutre: #6B7280FF;
  --appli-serie-recus: #3987E5FF;
  --appli-serie-envoyes: #D95926FF;
  --appli-gris: #6B7280FF;
  --appli-tri-fond: #818CF81A;
  --appli-tri-bord: #818CF840;
  --appli-danger-doux: #F8717124;
  --appli-selection: #5C7CFF38;
  --appli-survol: #FFFFFF0F;
  --appli-fond-haut: #1F2643FF;
}

@media (prefers-color-scheme: dark) {
  [data-appli="courrier"][data-theme="auto"] {
    --rayon-controle: 12px;
    --rayon-carte: 16px;
    --rayon-panneau: 24px;
    --rayon-pilule: 999px;
    --rayon-menu: 14px;
    --rayon-bloc: 18px;
    --rayon-rangee: 10px;
    --espace-xs: 4px;
    --espace-s: 8px;
    --espace-m: 12px;
    --espace-l: 16px;
    --espace-xl: 24px;
    --espace-xxl: 32px;
    --espace-l-plus: 20px;
    --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --typo-petit: 12px;
    --typo-corps: 14px;
    --typo-titre: 20px;
    --typo-grand-titre: 27px;
    --typo-graisse-normale: 400;
    --typo-graisse-forte: 600;
    --typo-graisse-titre: 700;
    --typo-interligne: 1.35;
    --typo-bouton: 15px;
    --typo-affichage: 36px;
    --typo-corps-large: 15px;
    --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    --mouvement-court: 120ms;
    --mouvement-moyen: 220ms;
    --mouvement-long: 700ms;
    --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
    --mouvement-echelle-appui: 0.97;
    --flou-barre: 18px;
    --flou-voile: 26px;
    --controle-hauteur: 44px;
    --controle-largeur-min: 44px;
    --controle-icone: 18px;
    --controle-epaisseur-focus: 1.4px;
    --controle-hauteur-mini: 28px;
    --controle-hauteur-compacte: 34px;
    --controle-hauteur-standard: 36px;
    --controle-hauteur-champ-compact: 38px;
    --controle-epaisseur-occupation: 2px;
    --accent-selection: 0.28;
    --accent-seuil-clair: 0.45;
    --accent-texte-sur-clair: #0A0E19FF;
    --accent-texte-sur-fonce: #FFFFFFFF;
    --champ-marge: 12px;
    --feuille-largeur-max: 560px;
    --etat-vide-icone: 40px;
    --etat-vide-largeur-max: 320px;
    --fond-pochette-opacite: 0.5;
    --fond-pochette-flou: 40px;
    --surface-dynamique-alpha: 0.2;
    --surface-dynamique-melange: 0.8;
    --surface-voile: 0.62;
    --densite-compacte-m: 8px;
    --densite-compacte-l: 12px;
    --densite-compacte-xl: 16px;
    --bascule-largeur: 64px;
    --bascule-hauteur: 116px;
    --bascule-manette-largeur: 52px;
    --bascule-manette-hauteur: 70px;
    --bascule-marge: 6px;
    --bascule-epaisseur-bord: 2.5px;
    --bascule-opacite-inactive: 0.45;
    --couleur-fond: #0B0F19FF;
    --couleur-texte: #E8EBF2FF;
    --couleur-texte2: #A7AFC0FF;
    --couleur-texte3: #7C8599FF;
    --couleur-accent: #7D9BFFFF;
    --couleur-accent-doux: #7D9BFF29;
    --couleur-sur-accent: #0B0F19FF;
    --couleur-trait: #FFFFFF17;
    --couleur-danger: #F87171FF;
    --couleur-succes: #4ADE80FF;
    --couleur-alerte: #FFB547FF;
    --couleur-desactive-fond: #232A3CFF;
    --couleur-desactive-texte: #7B86A4FF;
    --couleur-succes-doux: #4ADE8029;
    --couleur-alerte-doux: #FFB54729;
    --couleur-danger-doux: #F8717129;
    --couleur-inverse: #E8EBF2FF;
    --couleur-sur-inverse: #0B0F19FF;
    --couleur-trait-fort: #FFFFFF2E;
    --couleur-danger-plein: #B42318FF;
    --couleur-succes-plein: #1F7A4DFF;
    --couleur-alerte-plein: #9A5B00FF;
    --couleur-sur-plein: #FFFFFFFF;
    --surface-style: translucide;
    --surface-base: #1419269E;
    --surface-elevee: #1A2030C7;
    --surface-surgissante: #1E2436F0;
    --surface-carte: #242B3E9E;
    --surface-opaque: #1A1F2DFF;
    --surface-bord: #FFFFFF14;
    --surface-sommet: #FFFFFF1A;
    --surface-eclairage: 0.05;
    --surface-texture: 0.045;
    --surface-vivacite: 1.4;
    --surface-force-teinte: 0.1;
    --surface-eclairage-teinte: #FFFFFFFF;
    --surface-creuse: #00000033;
    --surface-carte-forte: #242B3EE6;
    --surface-pastille: #262B39FF;
    --surface-pastille-forte: #333745FF;
    --surface-mobile: #141926C7;
    --fond-ambiance: vive;
    --fond-nuance1: #1B2A55FF;
    --fond-nuance2: #3A2140FF;
    --fond-nuance3: #0F3A3DFF;
    --fond-voile: 0.55;
    --ombre-panneau: 0px 24px 60px -20px #00000099;
    --ombre-carte: 0px 1px 2px 0px #0000004C, 0px 6px 22px 0px #00000040;
    --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
    --ombre-legere: 0px 2px 6px -2px #00000059;
    --ombre-page: -20px 0px 40px -20px #00000066;
    --ombre-poignee: 0px 2px 5px 0px #00000040;
    --accent-opacite-douce: 0.16;
    --serie-teinte1: #7FA8FFFF;
    --serie-teinte2: #4FD1C2FF;
    --serie-teinte3: #FFB547FF;
    --serie-teinte4: #FF8FB4FF;
    --serie-teinte5: #B49CF5FF;
    --serie-teinte6: #6FDB7CFF;
    --categorie-teinte1: #3987E5FF;
    --categorie-teinte2: #D95926FF;
    --categorie-teinte3: #199E70FF;
    --categorie-teinte4: #C98500FF;
    --categorie-teinte5: #D55181FF;
    --categorie-neutre: #6B7280FF;
    --appli-serie-recus: #3987E5FF;
    --appli-serie-envoyes: #D95926FF;
    --appli-gris: #6B7280FF;
    --appli-tri-fond: #818CF81A;
    --appli-tri-bord: #818CF840;
    --appli-danger-doux: #F8717124;
    --appli-selection: #5C7CFF38;
    --appli-survol: #FFFFFF0F;
    --appli-fond-haut: #1F2643FF;
  }
}

[data-appli="aiguillage"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #E9EDF4FF;
  --couleur-texte: #141824FF;
  --couleur-texte2: #4A5263FF;
  --couleur-texte3: #727A8CFF;
  --couleur-accent: #2D5BEAFF;
  --couleur-accent-doux: #2D5BEA1C;
  --couleur-sur-accent: #FFFFFFFF;
  --couleur-trait: #1C26401A;
  --couleur-danger: #D12A2AFF;
  --couleur-succes: #15803DFF;
  --couleur-alerte: #B45309FF;
  --couleur-desactive-fond: #DFE4EFFF;
  --couleur-desactive-texte: #6B7592FF;
  --couleur-succes-doux: #15803D1F;
  --couleur-alerte-doux: #B453091F;
  --couleur-danger-doux: #D12A2A1F;
  --couleur-inverse: #141824FF;
  --couleur-sur-inverse: #E9EDF4FF;
  --couleur-trait-fort: #1C264038;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #F8FAFD94;
  --surface-elevee: #FCFDFFBD;
  --surface-surgissante: #FCFDFFD1;
  --surface-carte: #FFFFFFB8;
  --surface-opaque: #FFFFFFFF;
  --surface-bord: #FFFFFFC7;
  --surface-sommet: #FFFFFF8C;
  --surface-eclairage: 0.1;
  --surface-texture: 0.035;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.08;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #17203614;
  --surface-carte-forte: #FFFFFFE6;
  --surface-pastille: #F3F3F4FF;
  --surface-pastille-forte: #E5E6E7FF;
  --surface-mobile: #F8FAFDC7;
  --fond-ambiance: vive;
  --fond-nuance1: #C9D6F2FF;
  --fond-nuance2: #F3DCD2FF;
  --fond-nuance3: #D5ECEAFF;
  --fond-voile: 0.45;
  --ombre-panneau: 0px 24px 60px -20px #1E2D5A47;
  --ombre-carte: 0px 1px 2px 0px #141E3C0D, 0px 6px 22px 0px #141E3C12;
  --ombre-flottante: 0px 14px 34px -8px #17203640, 0px 2px 8px -2px #1720361F;
  --ombre-legere: 0px 2px 6px -2px #1720361F;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.12;
  --serie-teinte1: #2A56CFFF;
  --serie-teinte2: #0F8A7DFF;
  --serie-teinte3: #B76A00FF;
  --serie-teinte4: #C23B6BFF;
  --serie-teinte5: #7A4FD6FF;
  --serie-teinte6: #2E8B3AFF;
  --categorie-teinte1: #2A78D6FF;
  --categorie-teinte2: #EB6834FF;
  --categorie-teinte3: #1BAF7AFF;
  --categorie-teinte4: #EDA100FF;
  --categorie-teinte5: #E87BA4FF;
  --categorie-neutre: #8A93A5FF;
  --appli-serie-recus: #2A78D6FF;
  --appli-serie-envoyes: #EB6834FF;
  --appli-gris: #9CA3AFFF;
  --appli-tri-fond: #6366F112;
  --appli-tri-bord: #6366F133;
  --appli-danger-doux: #DC26261A;
  --appli-selection: #E2E9FFF2;
  --appli-survol: #FFFFFF9E;
  --appli-fond-haut: #DAE0F0FF;
  --appli-degrade: #B45309FF;
  --appli-degrade-doux: #D977061F;
  --appli-ok-doux: #15803D1A;
  --appli-journal-fond: #10141FFF;
  --appli-journal-texte: #D6DBE6FF;
  --appli-journal-discret: #7C8599FF;
  --appli-journal-erreur: #FCA5A5FF;
  --appli-journal-agent: #A5B4FCFF;
}

[data-appli="aiguillage"][data-theme="sombre"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #0B0F19FF;
  --couleur-texte: #E8EBF2FF;
  --couleur-texte2: #A7AFC0FF;
  --couleur-texte3: #7C8599FF;
  --couleur-accent: #7D9BFFFF;
  --couleur-accent-doux: #7D9BFF29;
  --couleur-sur-accent: #0B0F19FF;
  --couleur-trait: #FFFFFF17;
  --couleur-danger: #F87171FF;
  --couleur-succes: #4ADE80FF;
  --couleur-alerte: #FFB547FF;
  --couleur-desactive-fond: #232A3CFF;
  --couleur-desactive-texte: #7B86A4FF;
  --couleur-succes-doux: #4ADE8029;
  --couleur-alerte-doux: #FFB54729;
  --couleur-danger-doux: #F8717129;
  --couleur-inverse: #E8EBF2FF;
  --couleur-sur-inverse: #0B0F19FF;
  --couleur-trait-fort: #FFFFFF2E;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #1419269E;
  --surface-elevee: #1A2030C7;
  --surface-surgissante: #1E2436DB;
  --surface-carte: #242B3E9E;
  --surface-opaque: #1A1F2DFF;
  --surface-bord: #FFFFFF14;
  --surface-sommet: #FFFFFF1A;
  --surface-eclairage: 0.05;
  --surface-texture: 0.045;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.1;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #00000033;
  --surface-carte-forte: #242B3EE6;
  --surface-pastille: #262B39FF;
  --surface-pastille-forte: #333745FF;
  --surface-mobile: #141926C7;
  --fond-ambiance: vive;
  --fond-nuance1: #1B2A55FF;
  --fond-nuance2: #3A2140FF;
  --fond-nuance3: #0F3A3DFF;
  --fond-voile: 0.55;
  --ombre-panneau: 0px 24px 60px -20px #00000099;
  --ombre-carte: 0px 1px 2px 0px #0000004C, 0px 6px 22px 0px #00000040;
  --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
  --ombre-legere: 0px 2px 6px -2px #00000059;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.16;
  --serie-teinte1: #7FA8FFFF;
  --serie-teinte2: #4FD1C2FF;
  --serie-teinte3: #FFB547FF;
  --serie-teinte4: #FF8FB4FF;
  --serie-teinte5: #B49CF5FF;
  --serie-teinte6: #6FDB7CFF;
  --categorie-teinte1: #3987E5FF;
  --categorie-teinte2: #D95926FF;
  --categorie-teinte3: #199E70FF;
  --categorie-teinte4: #C98500FF;
  --categorie-teinte5: #D55181FF;
  --categorie-neutre: #6B7280FF;
  --appli-serie-recus: #3987E5FF;
  --appli-serie-envoyes: #D95926FF;
  --appli-gris: #6B7280FF;
  --appli-tri-fond: #818CF81A;
  --appli-tri-bord: #818CF840;
  --appli-danger-doux: #F8717124;
  --appli-selection: #5C7CFF38;
  --appli-survol: #FFFFFF0F;
  --appli-fond-haut: #1F2643FF;
  --appli-degrade: #B45309FF;
  --appli-degrade-doux: #D977061F;
  --appli-ok-doux: #15803D1A;
  --appli-journal-fond: #10141FFF;
  --appli-journal-texte: #D6DBE6FF;
  --appli-journal-discret: #7C8599FF;
  --appli-journal-erreur: #FCA5A5FF;
  --appli-journal-agent: #A5B4FCFF;
}

@media (prefers-color-scheme: dark) {
  [data-appli="aiguillage"][data-theme="auto"] {
    --rayon-controle: 12px;
    --rayon-carte: 16px;
    --rayon-panneau: 24px;
    --rayon-pilule: 999px;
    --rayon-menu: 14px;
    --rayon-bloc: 18px;
    --rayon-rangee: 10px;
    --espace-xs: 4px;
    --espace-s: 8px;
    --espace-m: 12px;
    --espace-l: 16px;
    --espace-xl: 24px;
    --espace-xxl: 32px;
    --espace-l-plus: 20px;
    --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --typo-petit: 12px;
    --typo-corps: 14px;
    --typo-titre: 20px;
    --typo-grand-titre: 27px;
    --typo-graisse-normale: 400;
    --typo-graisse-forte: 600;
    --typo-graisse-titre: 700;
    --typo-interligne: 1.35;
    --typo-bouton: 15px;
    --typo-affichage: 36px;
    --typo-corps-large: 15px;
    --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    --mouvement-court: 120ms;
    --mouvement-moyen: 220ms;
    --mouvement-long: 700ms;
    --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
    --mouvement-echelle-appui: 0.97;
    --flou-barre: 18px;
    --flou-voile: 26px;
    --controle-hauteur: 44px;
    --controle-largeur-min: 44px;
    --controle-icone: 18px;
    --controle-epaisseur-focus: 1.4px;
    --controle-hauteur-mini: 28px;
    --controle-hauteur-compacte: 34px;
    --controle-hauteur-standard: 36px;
    --controle-hauteur-champ-compact: 38px;
    --controle-epaisseur-occupation: 2px;
    --accent-selection: 0.28;
    --accent-seuil-clair: 0.45;
    --accent-texte-sur-clair: #0A0E19FF;
    --accent-texte-sur-fonce: #FFFFFFFF;
    --champ-marge: 12px;
    --feuille-largeur-max: 560px;
    --etat-vide-icone: 40px;
    --etat-vide-largeur-max: 320px;
    --fond-pochette-opacite: 0.5;
    --fond-pochette-flou: 40px;
    --surface-dynamique-alpha: 0.2;
    --surface-dynamique-melange: 0.8;
    --surface-voile: 0.62;
    --densite-compacte-m: 8px;
    --densite-compacte-l: 12px;
    --densite-compacte-xl: 16px;
    --bascule-largeur: 64px;
    --bascule-hauteur: 116px;
    --bascule-manette-largeur: 52px;
    --bascule-manette-hauteur: 70px;
    --bascule-marge: 6px;
    --bascule-epaisseur-bord: 2.5px;
    --bascule-opacite-inactive: 0.45;
    --couleur-fond: #0B0F19FF;
    --couleur-texte: #E8EBF2FF;
    --couleur-texte2: #A7AFC0FF;
    --couleur-texte3: #7C8599FF;
    --couleur-accent: #7D9BFFFF;
    --couleur-accent-doux: #7D9BFF29;
    --couleur-sur-accent: #0B0F19FF;
    --couleur-trait: #FFFFFF17;
    --couleur-danger: #F87171FF;
    --couleur-succes: #4ADE80FF;
    --couleur-alerte: #FFB547FF;
    --couleur-desactive-fond: #232A3CFF;
    --couleur-desactive-texte: #7B86A4FF;
    --couleur-succes-doux: #4ADE8029;
    --couleur-alerte-doux: #FFB54729;
    --couleur-danger-doux: #F8717129;
    --couleur-inverse: #E8EBF2FF;
    --couleur-sur-inverse: #0B0F19FF;
    --couleur-trait-fort: #FFFFFF2E;
    --couleur-danger-plein: #B42318FF;
    --couleur-succes-plein: #1F7A4DFF;
    --couleur-alerte-plein: #9A5B00FF;
    --couleur-sur-plein: #FFFFFFFF;
    --surface-style: translucide;
    --surface-base: #1419269E;
    --surface-elevee: #1A2030C7;
    --surface-surgissante: #1E2436DB;
    --surface-carte: #242B3E9E;
    --surface-opaque: #1A1F2DFF;
    --surface-bord: #FFFFFF14;
    --surface-sommet: #FFFFFF1A;
    --surface-eclairage: 0.05;
    --surface-texture: 0.045;
    --surface-vivacite: 1.4;
    --surface-force-teinte: 0.1;
    --surface-eclairage-teinte: #FFFFFFFF;
    --surface-creuse: #00000033;
    --surface-carte-forte: #242B3EE6;
    --surface-pastille: #262B39FF;
    --surface-pastille-forte: #333745FF;
    --surface-mobile: #141926C7;
    --fond-ambiance: vive;
    --fond-nuance1: #1B2A55FF;
    --fond-nuance2: #3A2140FF;
    --fond-nuance3: #0F3A3DFF;
    --fond-voile: 0.55;
    --ombre-panneau: 0px 24px 60px -20px #00000099;
    --ombre-carte: 0px 1px 2px 0px #0000004C, 0px 6px 22px 0px #00000040;
    --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
    --ombre-legere: 0px 2px 6px -2px #00000059;
    --ombre-page: -20px 0px 40px -20px #00000066;
    --ombre-poignee: 0px 2px 5px 0px #00000040;
    --accent-opacite-douce: 0.16;
    --serie-teinte1: #7FA8FFFF;
    --serie-teinte2: #4FD1C2FF;
    --serie-teinte3: #FFB547FF;
    --serie-teinte4: #FF8FB4FF;
    --serie-teinte5: #B49CF5FF;
    --serie-teinte6: #6FDB7CFF;
    --categorie-teinte1: #3987E5FF;
    --categorie-teinte2: #D95926FF;
    --categorie-teinte3: #199E70FF;
    --categorie-teinte4: #C98500FF;
    --categorie-teinte5: #D55181FF;
    --categorie-neutre: #6B7280FF;
    --appli-serie-recus: #3987E5FF;
    --appli-serie-envoyes: #D95926FF;
    --appli-gris: #6B7280FF;
    --appli-tri-fond: #818CF81A;
    --appli-tri-bord: #818CF840;
    --appli-danger-doux: #F8717124;
    --appli-selection: #5C7CFF38;
    --appli-survol: #FFFFFF0F;
    --appli-fond-haut: #1F2643FF;
    --appli-degrade: #B45309FF;
    --appli-degrade-doux: #D977061F;
    --appli-ok-doux: #15803D1A;
    --appli-journal-fond: #10141FFF;
    --appli-journal-texte: #D6DBE6FF;
    --appli-journal-discret: #7C8599FF;
    --appli-journal-erreur: #FCA5A5FF;
    --appli-journal-agent: #A5B4FCFF;
  }
}

[data-appli="maison"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #0E0C1CFF;
  --couleur-texte: #F6F3FFFF;
  --couleur-texte2: #B9B3D6FF;
  --couleur-texte3: #8C86ADFF;
  --couleur-accent: #B49CF5FF;
  --couleur-accent-doux: #B49CF529;
  --couleur-sur-accent: #0E0C1CFF;
  --couleur-trait: #D6CCFF17;
  --couleur-danger: #FF7D88FF;
  --couleur-succes: #4FDB9CFF;
  --couleur-alerte: #F59AC0FF;
  --couleur-desactive-fond: #232A3CFF;
  --couleur-desactive-texte: #7B86A4FF;
  --couleur-succes-doux: #4FDB9C29;
  --couleur-alerte-doux: #F59AC029;
  --couleur-danger-doux: #FF7D8829;
  --couleur-inverse: #F6F3FFFF;
  --couleur-sur-inverse: #0E0C1CFF;
  --couleur-trait-fort: #D6CCFF2E;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #221F3D9E;
  --surface-elevee: #221F3DCC;
  --surface-surgissante: #22203DF0;
  --surface-carte: #221F3D9E;
  --surface-opaque: #221F3DFF;
  --surface-bord: #D6CCFF1F;
  --surface-sommet: #FFFFFF0B;
  --surface-eclairage: 0.05;
  --surface-texture: 0.045;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.1;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #00000033;
  --surface-carte-forte: #221F3DE6;
  --surface-pastille: #2F2C49FF;
  --surface-pastille-forte: #3B3854FF;
  --surface-mobile: #221F3DC7;
  --fond-ambiance: vive;
  --fond-nuance1: #2B2358FF;
  --fond-nuance2: #3B1D3EFF;
  --fond-nuance3: #0F3142FF;
  --fond-voile: 0.55;
  --ombre-panneau: 0px 16px 40px -16px #00000080;
  --ombre-carte: 0px 8px 18px -8px #00000066;
  --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
  --ombre-legere: 0px 2px 6px -2px #00000059;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.16;
  --serie-teinte1: #7FA8FFFF;
  --serie-teinte2: #4FD1C2FF;
  --serie-teinte3: #FFB547FF;
  --serie-teinte4: #FF8FB4FF;
  --serie-teinte5: #B49CF5FF;
  --serie-teinte6: #6FDB7CFF;
  --categorie-teinte1: #3987E5FF;
  --categorie-teinte2: #D95926FF;
  --categorie-teinte3: #199E70FF;
  --categorie-teinte4: #C98500FF;
  --categorie-teinte5: #D55181FF;
  --categorie-neutre: #6B7280FF;
  --appli-lagon: #86D4F0FF;
  --appli-beurre: #F8D46EFF;
}

[data-appli="maison"][data-theme="sombre"] {
  --rayon-controle: 12px;
  --rayon-carte: 16px;
  --rayon-panneau: 24px;
  --rayon-pilule: 999px;
  --rayon-menu: 14px;
  --rayon-bloc: 18px;
  --rayon-rangee: 10px;
  --espace-xs: 4px;
  --espace-s: 8px;
  --espace-m: 12px;
  --espace-l: 16px;
  --espace-xl: 24px;
  --espace-xxl: 32px;
  --espace-l-plus: 20px;
  --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --typo-petit: 12px;
  --typo-corps: 14px;
  --typo-titre: 20px;
  --typo-grand-titre: 27px;
  --typo-graisse-normale: 400;
  --typo-graisse-forte: 600;
  --typo-graisse-titre: 700;
  --typo-interligne: 1.35;
  --typo-bouton: 15px;
  --typo-affichage: 36px;
  --typo-corps-large: 15px;
  --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --mouvement-court: 120ms;
  --mouvement-moyen: 220ms;
  --mouvement-long: 700ms;
  --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --mouvement-echelle-appui: 0.97;
  --flou-barre: 18px;
  --flou-voile: 26px;
  --controle-hauteur: 44px;
  --controle-largeur-min: 44px;
  --controle-icone: 18px;
  --controle-epaisseur-focus: 1.4px;
  --controle-hauteur-mini: 28px;
  --controle-hauteur-compacte: 34px;
  --controle-hauteur-standard: 36px;
  --controle-hauteur-champ-compact: 38px;
  --controle-epaisseur-occupation: 2px;
  --accent-selection: 0.28;
  --accent-seuil-clair: 0.45;
  --accent-texte-sur-clair: #0A0E19FF;
  --accent-texte-sur-fonce: #FFFFFFFF;
  --champ-marge: 12px;
  --feuille-largeur-max: 560px;
  --etat-vide-icone: 40px;
  --etat-vide-largeur-max: 320px;
  --fond-pochette-opacite: 0.5;
  --fond-pochette-flou: 40px;
  --surface-dynamique-alpha: 0.2;
  --surface-dynamique-melange: 0.8;
  --surface-voile: 0.62;
  --densite-compacte-m: 8px;
  --densite-compacte-l: 12px;
  --densite-compacte-xl: 16px;
  --bascule-largeur: 64px;
  --bascule-hauteur: 116px;
  --bascule-manette-largeur: 52px;
  --bascule-manette-hauteur: 70px;
  --bascule-marge: 6px;
  --bascule-epaisseur-bord: 2.5px;
  --bascule-opacite-inactive: 0.45;
  --couleur-fond: #0E0C1CFF;
  --couleur-texte: #F6F3FFFF;
  --couleur-texte2: #B9B3D6FF;
  --couleur-texte3: #8C86ADFF;
  --couleur-accent: #B49CF5FF;
  --couleur-accent-doux: #B49CF529;
  --couleur-sur-accent: #0E0C1CFF;
  --couleur-trait: #D6CCFF17;
  --couleur-danger: #FF7D88FF;
  --couleur-succes: #4FDB9CFF;
  --couleur-alerte: #F59AC0FF;
  --couleur-desactive-fond: #232A3CFF;
  --couleur-desactive-texte: #7B86A4FF;
  --couleur-succes-doux: #4FDB9C29;
  --couleur-alerte-doux: #F59AC029;
  --couleur-danger-doux: #FF7D8829;
  --couleur-inverse: #F6F3FFFF;
  --couleur-sur-inverse: #0E0C1CFF;
  --couleur-trait-fort: #D6CCFF2E;
  --couleur-danger-plein: #B42318FF;
  --couleur-succes-plein: #1F7A4DFF;
  --couleur-alerte-plein: #9A5B00FF;
  --couleur-sur-plein: #FFFFFFFF;
  --surface-style: translucide;
  --surface-base: #221F3D9E;
  --surface-elevee: #221F3DCC;
  --surface-surgissante: #22203DF0;
  --surface-carte: #221F3D9E;
  --surface-opaque: #221F3DFF;
  --surface-bord: #D6CCFF1F;
  --surface-sommet: #FFFFFF0B;
  --surface-eclairage: 0.05;
  --surface-texture: 0.045;
  --surface-vivacite: 1.4;
  --surface-force-teinte: 0.1;
  --surface-eclairage-teinte: #FFFFFFFF;
  --surface-creuse: #00000033;
  --surface-carte-forte: #221F3DE6;
  --surface-pastille: #2F2C49FF;
  --surface-pastille-forte: #3B3854FF;
  --surface-mobile: #221F3DC7;
  --fond-ambiance: vive;
  --fond-nuance1: #2B2358FF;
  --fond-nuance2: #3B1D3EFF;
  --fond-nuance3: #0F3142FF;
  --fond-voile: 0.55;
  --ombre-panneau: 0px 16px 40px -16px #00000080;
  --ombre-carte: 0px 8px 18px -8px #00000066;
  --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
  --ombre-legere: 0px 2px 6px -2px #00000059;
  --ombre-page: -20px 0px 40px -20px #00000066;
  --ombre-poignee: 0px 2px 5px 0px #00000040;
  --accent-opacite-douce: 0.16;
  --serie-teinte1: #7FA8FFFF;
  --serie-teinte2: #4FD1C2FF;
  --serie-teinte3: #FFB547FF;
  --serie-teinte4: #FF8FB4FF;
  --serie-teinte5: #B49CF5FF;
  --serie-teinte6: #6FDB7CFF;
  --categorie-teinte1: #3987E5FF;
  --categorie-teinte2: #D95926FF;
  --categorie-teinte3: #199E70FF;
  --categorie-teinte4: #C98500FF;
  --categorie-teinte5: #D55181FF;
  --categorie-neutre: #6B7280FF;
  --appli-lagon: #86D4F0FF;
  --appli-beurre: #F8D46EFF;
}

@media (prefers-color-scheme: dark) {
  [data-appli="maison"][data-theme="auto"] {
    --rayon-controle: 12px;
    --rayon-carte: 16px;
    --rayon-panneau: 24px;
    --rayon-pilule: 999px;
    --rayon-menu: 14px;
    --rayon-bloc: 18px;
    --rayon-rangee: 10px;
    --espace-xs: 4px;
    --espace-s: 8px;
    --espace-m: 12px;
    --espace-l: 16px;
    --espace-xl: 24px;
    --espace-xxl: 32px;
    --espace-l-plus: 20px;
    --typo-famille: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --typo-petit: 12px;
    --typo-corps: 14px;
    --typo-titre: 20px;
    --typo-grand-titre: 27px;
    --typo-graisse-normale: 400;
    --typo-graisse-forte: 600;
    --typo-graisse-titre: 700;
    --typo-interligne: 1.35;
    --typo-bouton: 15px;
    --typo-affichage: 36px;
    --typo-corps-large: 15px;
    --typo-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    --mouvement-court: 120ms;
    --mouvement-moyen: 220ms;
    --mouvement-long: 700ms;
    --mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
    --mouvement-echelle-appui: 0.97;
    --flou-barre: 18px;
    --flou-voile: 26px;
    --controle-hauteur: 44px;
    --controle-largeur-min: 44px;
    --controle-icone: 18px;
    --controle-epaisseur-focus: 1.4px;
    --controle-hauteur-mini: 28px;
    --controle-hauteur-compacte: 34px;
    --controle-hauteur-standard: 36px;
    --controle-hauteur-champ-compact: 38px;
    --controle-epaisseur-occupation: 2px;
    --accent-selection: 0.28;
    --accent-seuil-clair: 0.45;
    --accent-texte-sur-clair: #0A0E19FF;
    --accent-texte-sur-fonce: #FFFFFFFF;
    --champ-marge: 12px;
    --feuille-largeur-max: 560px;
    --etat-vide-icone: 40px;
    --etat-vide-largeur-max: 320px;
    --fond-pochette-opacite: 0.5;
    --fond-pochette-flou: 40px;
    --surface-dynamique-alpha: 0.2;
    --surface-dynamique-melange: 0.8;
    --surface-voile: 0.62;
    --densite-compacte-m: 8px;
    --densite-compacte-l: 12px;
    --densite-compacte-xl: 16px;
    --bascule-largeur: 64px;
    --bascule-hauteur: 116px;
    --bascule-manette-largeur: 52px;
    --bascule-manette-hauteur: 70px;
    --bascule-marge: 6px;
    --bascule-epaisseur-bord: 2.5px;
    --bascule-opacite-inactive: 0.45;
    --couleur-fond: #0E0C1CFF;
    --couleur-texte: #F6F3FFFF;
    --couleur-texte2: #B9B3D6FF;
    --couleur-texte3: #8C86ADFF;
    --couleur-accent: #B49CF5FF;
    --couleur-accent-doux: #B49CF529;
    --couleur-sur-accent: #0E0C1CFF;
    --couleur-trait: #D6CCFF17;
    --couleur-danger: #FF7D88FF;
    --couleur-succes: #4FDB9CFF;
    --couleur-alerte: #F59AC0FF;
    --couleur-desactive-fond: #232A3CFF;
    --couleur-desactive-texte: #7B86A4FF;
    --couleur-succes-doux: #4FDB9C29;
    --couleur-alerte-doux: #F59AC029;
    --couleur-danger-doux: #FF7D8829;
    --couleur-inverse: #F6F3FFFF;
    --couleur-sur-inverse: #0E0C1CFF;
    --couleur-trait-fort: #D6CCFF2E;
    --couleur-danger-plein: #B42318FF;
    --couleur-succes-plein: #1F7A4DFF;
    --couleur-alerte-plein: #9A5B00FF;
    --couleur-sur-plein: #FFFFFFFF;
    --surface-style: translucide;
    --surface-base: #221F3D9E;
    --surface-elevee: #221F3DCC;
    --surface-surgissante: #22203DF0;
    --surface-carte: #221F3D9E;
    --surface-opaque: #221F3DFF;
    --surface-bord: #D6CCFF1F;
    --surface-sommet: #FFFFFF0B;
    --surface-eclairage: 0.05;
    --surface-texture: 0.045;
    --surface-vivacite: 1.4;
    --surface-force-teinte: 0.1;
    --surface-eclairage-teinte: #FFFFFFFF;
    --surface-creuse: #00000033;
    --surface-carte-forte: #221F3DE6;
    --surface-pastille: #2F2C49FF;
    --surface-pastille-forte: #3B3854FF;
    --surface-mobile: #221F3DC7;
    --fond-ambiance: vive;
    --fond-nuance1: #2B2358FF;
    --fond-nuance2: #3B1D3EFF;
    --fond-nuance3: #0F3142FF;
    --fond-voile: 0.55;
    --ombre-panneau: 0px 16px 40px -16px #00000080;
    --ombre-carte: 0px 8px 18px -8px #00000066;
    --ombre-flottante: 0px 14px 34px -8px #000000A6, 0px 2px 8px -2px #00000066;
    --ombre-legere: 0px 2px 6px -2px #00000059;
    --ombre-page: -20px 0px 40px -20px #00000066;
    --ombre-poignee: 0px 2px 5px 0px #00000040;
    --accent-opacite-douce: 0.16;
    --serie-teinte1: #7FA8FFFF;
    --serie-teinte2: #4FD1C2FF;
    --serie-teinte3: #FFB547FF;
    --serie-teinte4: #FF8FB4FF;
    --serie-teinte5: #B49CF5FF;
    --serie-teinte6: #6FDB7CFF;
    --categorie-teinte1: #3987E5FF;
    --categorie-teinte2: #D95926FF;
    --categorie-teinte3: #199E70FF;
    --categorie-teinte4: #C98500FF;
    --categorie-teinte5: #D55181FF;
    --categorie-neutre: #6B7280FF;
    --appli-lagon: #86D4F0FF;
    --appli-beurre: #F8D46EFF;
  }
}
}

@layer kit.base {
/* ------------------------------------------------------------------ Base */
/* Lit seulement les jetons (variables --…). Aucune couleur ni rayon en dur. */

*, *::before, *::after { box-sizing: border-box; }

html {
  /* Teinte de la barre d'état du navigateur de la page : le fond par défaut, la page la redéfinit
     (:root { --barre-etat: ... }). Le script de l'appli la lit pour <meta name="theme-color">. */
  --barre-etat: var(--couleur-fond);
  color-scheme: light dark;
  -webkit-text-size-adjust: 100%;
}
/* Thème forcé : les contrôles natifs (barres de défilement, champs) suivent le thème choisi, pas le système. */
[data-theme="clair"] { color-scheme: light; }
[data-theme="sombre"] { color-scheme: dark; }

body {
  margin: 0;
  background: var(--couleur-fond);
  color: var(--couleur-texte);
  font-family: var(--typo-famille);
  font-size: var(--typo-corps);
  font-weight: var(--typo-graisse-normale);
  line-height: var(--typo-interligne);
}

h1, h2, h3 { font-weight: var(--typo-graisse-titre); line-height: 1.15; margin: 0 0 var(--espace-s); }
h1 { font-size: var(--typo-grand-titre); }
h2 { font-size: var(--typo-titre); }
a { color: var(--couleur-accent); }
:focus-visible { outline: 2px solid var(--couleur-accent); outline-offset: 2px; }
::selection { background: var(--couleur-accent-doux); }

.kit-texte-2 { color: var(--couleur-texte2); }
.kit-texte-3 { color: var(--couleur-texte3); }
.kit-petit { font-size: var(--typo-petit); }
.kit-corps-large { font-size: var(--typo-corps-large); }
.kit-titre { font-size: var(--typo-titre); font-weight: var(--typo-graisse-titre); line-height: 1.15; }
.kit-grand-titre { font-size: var(--typo-grand-titre); font-weight: var(--typo-graisse-titre); line-height: 1.15; }
.kit-affichage { font-size: var(--typo-affichage); font-weight: var(--typo-graisse-titre); line-height: 1.1; }
.kit-mono { font-family: var(--typo-mono); }

/* L'indicateur d'occupation (.kit-occupation) garde son tour : c'est l'information, pas de la décoration. */
@media (prefers-reduced-motion: reduce) {
  *:not(.kit-occupation), *::before, *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; }
}
}

@layer kit.composants {
/* ------------------------------------------------------------ Composants */
/* Classes équivalentes aux widgets Flutter du kit. Surface : data-surface="translucide|opaque" sur un
   ancêtre (verre par défaut). Flou en direct : seulement .kit-barre[data-flou]. */

/* Fond d'ambiance : dégradés CSS fixes, peints une fois (pas de flou, pas de will-change).
   Les dessins sont des variables (--_ambiance-*). L'ambiance par défaut de chaque appli vient du
   jeton fond.ambiance : le générateur écrit les règles à l'endroit du marqueur ci-dessous. */
.kit-fond {
  min-height: 100vh;
  background: var(--couleur-fond);
  --_ambiance-douce:
    radial-gradient(90% 90% at 5% 0%, var(--fond-nuance1), transparent),
    radial-gradient(90% 90% at 100% 30%, var(--fond-nuance2), transparent),
    radial-gradient(90% 90% at 60% 105%, var(--fond-nuance3), transparent),
    var(--couleur-fond);
  --_ambiance-vive:
    radial-gradient(55vmax 55vmax at 0% -5%, color-mix(in srgb, var(--fond-nuance1) 85%, transparent), transparent),
    radial-gradient(45vmax 45vmax at 105% 35%, color-mix(in srgb, var(--fond-nuance2) 70%, transparent), transparent),
    radial-gradient(50vmax 50vmax at 20% 110%, color-mix(in srgb, var(--fond-nuance3) 75%, transparent), transparent),
    linear-gradient(135deg, var(--couleur-fond), color-mix(in srgb, var(--couleur-fond) 75%, var(--fond-nuance1)), var(--couleur-fond));
}
.kit-fond[data-ambiance="unie"] { background: var(--couleur-fond); }
.kit-fond[data-ambiance="douce"] { background: var(--_ambiance-douce); background-attachment: fixed; }
.kit-fond[data-ambiance="vive"] { background: var(--_ambiance-vive); background-attachment: fixed; }
[data-appli="opale"] .kit-fond:not([data-ambiance]),
[data-appli="ihome"] .kit-fond:not([data-ambiance]),
[data-appli="courrier"] .kit-fond:not([data-ambiance]),
[data-appli="aiguillage"] .kit-fond:not([data-ambiance]),
[data-appli="maison"] .kit-fond:not([data-ambiance]) { background: var(--_ambiance-vive); background-attachment: fixed; }
[data-appli="nuage"] .kit-fond:not([data-ambiance]) { background: var(--_ambiance-douce); background-attachment: fixed; }

/* Surfaces : panneau, carte, feuille, menu partagent le même dessin, piloté par les jetons surface.*.
   Variantes : data-niveau="elevee|surgissante|integree|creuse" (panneau), "integree|creuse|forte|active" (carte)
   et data-role="accent|succes|alerte|danger|appli|dynamique".
   data-role="dynamique" prend --role-dynamique, une seule couleur (pochette, profil) : mélange et alpha
   sont bornés par surface.dynamiqueMelange et surface.dynamiqueAlpha, la couleur n'est jamais posée telle quelle.
   data-role="appli" prend la couleur de --role-appli, que l'appli pose sur l'élément
   (style="--role-appli: var(--appli-favori)") : une couleur d'extension, jamais une valeur libre. */
.kit-panneau, .kit-carte, .kit-feuille, .kit-menu, .kit-barre {
  --_teinte: var(--surface-base);
  --_role: transparent;
  --_force: var(--surface-force-teinte);
  --_voile-role: linear-gradient(color-mix(in srgb, var(--_role) calc(var(--_force) * 100%), transparent), color-mix(in srgb, var(--_role) calc(var(--_force) * 100%), transparent));
  /* Le dessin « verre » en une variable : les surfaces pleines et le retour forcé au verre s'en servent. */
  --_verre:
    linear-gradient(to bottom, var(--surface-sommet), transparent 45%),
    linear-gradient(135deg, color-mix(in srgb, var(--surface-eclairage-teinte) calc(var(--surface-eclairage) * 100%), transparent), transparent 50%),
    var(--_voile-role),
    var(--_teinte);
  --_plein: var(--surface-opaque);
  position: relative;
  background: var(--_verre);
  border: 1px solid var(--surface-bord);
  color: var(--couleur-texte);
}
:is(.kit-panneau, .kit-carte, .kit-feuille, .kit-menu)[data-role="accent"] { --_role: var(--couleur-accent); }
:is(.kit-panneau, .kit-carte, .kit-feuille, .kit-menu)[data-role="succes"] { --_role: var(--couleur-succes); }
:is(.kit-panneau, .kit-carte, .kit-feuille, .kit-menu)[data-role="alerte"] { --_role: var(--couleur-alerte); }
:is(.kit-panneau, .kit-carte, .kit-feuille, .kit-menu)[data-role="danger"] { --_role: var(--couleur-danger); }
:is(.kit-panneau, .kit-carte, .kit-feuille, .kit-menu)[data-role="appli"] { --_role: var(--role-appli, transparent); }
:is(.kit-panneau, .kit-carte, .kit-feuille, .kit-menu)[data-role="dynamique"] {
  --_role: color-mix(in srgb, var(--role-dynamique, transparent) calc(var(--surface-dynamique-melange) * 100%), var(--couleur-fond));
  --_force: var(--surface-dynamique-alpha);
}
.kit-panneau { border-radius: var(--rayon-panneau); box-shadow: var(--ombre-panneau); padding: var(--espace-xl); }
.kit-panneau[data-niveau="elevee"] { --_teinte: var(--surface-elevee); }
.kit-panneau[data-niveau="surgissante"] { --_teinte: var(--surface-surgissante); }
.kit-panneau[data-niveau="integree"], .kit-carte[data-niveau="integree"] { box-shadow: none; }
.kit-carte { --_teinte: var(--surface-carte); border-radius: var(--rayon-carte); box-shadow: var(--ombre-carte); padding: var(--espace-l); }
.kit-carte[data-niveau="integree"] { --_teinte: var(--surface-base); }
.kit-carte[data-niveau="forte"] { --_teinte: var(--surface-carte-forte); }
.kit-carte[data-niveau="active"] { border-radius: var(--rayon-rangee); box-shadow: var(--ombre-legere); }
/* Creuse : piste de progression, vignette en attente. Ni ombre, ni sommet, ni éclairage. */
:is(.kit-panneau, .kit-carte)[data-niveau="creuse"] {
  --_teinte: var(--surface-creuse);
  --_verre: var(--_voile-role), var(--_teinte);
  --_plein: linear-gradient(var(--surface-creuse), var(--surface-creuse)), var(--surface-opaque);
  box-shadow: none; border-color: transparent;
}
.kit-feuille, .kit-menu { --_teinte: var(--surface-surgissante); box-shadow: var(--ombre-panneau); }
.kit-feuille { border-radius: var(--rayon-panneau) var(--rayon-panneau) 0 0; padding: var(--espace-xl); }
.kit-feuille[data-souple] { max-width: var(--feuille-largeur-max); margin: 0 auto var(--espace-l); border-radius: var(--rayon-panneau); }
.kit-menu { border-radius: var(--rayon-menu); padding: var(--espace-xs); min-width: 12rem; }
.kit-menu > * { display: block; width: 100%; padding: var(--espace-s) var(--espace-m); border-radius: calc(var(--rayon-controle) - 4px); color: inherit; text-decoration: none; background: none; border: 0; text-align: start; font: inherit; }
.kit-menu > *:hover { background: var(--couleur-accent-doux); }
/* Barre d'outils : le menu en ligne (data-sens="horizontal"), éléments à leur largeur. */
.kit-menu[data-sens="horizontal"] { display: flex; flex-direction: row; align-items: center; gap: var(--espace-xs); min-width: 0; width: fit-content; }
.kit-menu[data-sens="horizontal"] > * { width: auto; }

/* Barre : faux verre couvrant. Le seul flou en direct possible, sur demande (data-flou). */
.kit-barre {
  --_teinte: var(--surface-elevee);
  border-width: 0 0 1px;
  border-color: var(--couleur-trait);
  background: var(--_teinte);
  display: flex; align-items: center; gap: var(--espace-s);
  min-height: 3.5rem; padding: 0 var(--espace-l);
  position: sticky; top: 0; z-index: 10;
}
.kit-barre[data-flou] { backdrop-filter: blur(var(--flou-barre)) saturate(var(--surface-vivacite)); -webkit-backdrop-filter: blur(var(--flou-barre)) saturate(var(--surface-vivacite)); }

/* Surface pleine : réglage, préférence système, ou navigateur sans backdrop-filter. */
[data-surface="opaque"] :is(.kit-panneau, .kit-carte, .kit-feuille, .kit-menu, .kit-barre, .kit-barre[data-flou]) {
  background: var(--_voile-role), var(--_plein); border-color: var(--couleur-trait); backdrop-filter: none; -webkit-backdrop-filter: none;
}
/* Le dernier sélecteur de :is() n'est là que pour la spécificité : :is() prend celle de son argument
   le plus spécifique (0,2,0), qui égale `.kit-barre[data-flou]` et gagne par l'ordre. */
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :is(.kit-panneau, .kit-carte, .kit-feuille, .kit-menu, .kit-barre, .kit-barre[data-flou]) { background: var(--_voile-role), var(--_plein); border-color: var(--couleur-trait); backdrop-filter: none; -webkit-backdrop-filter: none; }
}
/* data-surface="translucide" sur un ancêtre l'emporte sur la préférence système : l'appli qui fait ce choix
   (réglage propre, comme KitAccessibilite(transparenceReduite: false)) garde le verre. Placé après le bloc
   ci-dessus à spécificité égale. Le test css_test.dart accepte ce seul flou sans contre-cas. */
[data-surface="translucide"] :is(.kit-panneau, .kit-carte, .kit-feuille, .kit-menu) { background: var(--_verre); border-color: var(--surface-bord); }
[data-surface="translucide"] .kit-barre { background: var(--_teinte); border-color: var(--couleur-trait); }
[data-surface="translucide"] .kit-barre[data-flou] { backdrop-filter: blur(var(--flou-barre)) saturate(var(--surface-vivacite)); -webkit-backdrop-filter: blur(var(--flou-barre)) saturate(var(--surface-vivacite)); }

/* Mobile : surfaces plus couvrantes (surface.mobile), pour la lisibilité et le coût de peinture. Les niveaux
   explicites (data-niveau) gardent leur teinte : ils sont plus spécifiques. */
@media (max-width: 640px) {
  .kit-panneau, .kit-carte { --_teinte: var(--surface-mobile); }
}

/* Bouton : plein (défaut), doux, contour, texte. Tailles : data-taille="mini|compact|standard|grande" (grande par
   défaut). Occupé : data-occupe et un <span class="kit-occupation"></span> avant le texte. */
.kit-bouton {
  --_haut: var(--controle-hauteur);
  display: inline-flex; align-items: center; justify-content: center; gap: var(--espace-s);
  min-height: var(--_haut); min-width: var(--controle-largeur-min); padding: 0 var(--espace-l);
  border-radius: var(--rayon-controle); border: 1px solid transparent;
  background: var(--couleur-accent); color: var(--couleur-sur-accent);
  font: inherit; font-size: var(--typo-bouton); font-weight: var(--typo-graisse-forte); cursor: pointer; text-decoration: none;
  transition: transform var(--mouvement-court) var(--mouvement-courbe), background var(--mouvement-court) var(--mouvement-courbe);
}
.kit-bouton:active { transform: scale(var(--mouvement-echelle-appui)); }
.kit-bouton[data-variante="doux"] { background: var(--couleur-accent-doux); color: var(--couleur-accent); }
.kit-bouton[data-variante="contour"] { background: transparent; color: var(--couleur-texte); border-color: var(--couleur-trait); }
.kit-bouton[data-variante="texte"] { background: transparent; color: var(--couleur-accent); padding: 0 var(--espace-s); }
.kit-bouton[data-taille="mini"] { --_haut: var(--controle-hauteur-mini); padding: 0 var(--espace-m); }
.kit-bouton[data-taille="compact"] { --_haut: var(--controle-hauteur-compacte); padding: 0 var(--espace-m); }
.kit-bouton[data-taille="standard"] { --_haut: var(--controle-hauteur-standard); padding: 0 var(--espace-m); }
/* Sans action : fond et texte des jetons couleur.desactive.* (comme les boutons Flutter sans onPressed). */
.kit-bouton:disabled, .kit-bouton[aria-disabled="true"] { background: var(--couleur-desactive-fond); color: var(--couleur-desactive-texte); border-color: transparent; cursor: default; transform: none; }
.kit-bouton[data-variante="contour"]:disabled, .kit-bouton[data-variante="contour"][aria-disabled="true"] { background: transparent; border-color: var(--couleur-trait); }
.kit-bouton[data-variante="texte"]:disabled, .kit-bouton[data-variante="texte"][aria-disabled="true"] { background: transparent; }
/* Occupé : indicateur à la place de l'icône, toucher ignoré, bouton non grisé. */
.kit-bouton[data-occupe] { pointer-events: none; }
.kit-occupation {
  flex: none; width: var(--controle-icone); height: var(--controle-icone);
  border: var(--controle-epaisseur-occupation) solid currentColor; border-right-color: transparent; border-radius: 50%;
  animation: kit-rotation var(--mouvement-long) linear infinite;
}
@keyframes kit-rotation { to { transform: rotate(360deg); } }
/* Bouton icône : carré de la hauteur de sa taille (avec .kit-bouton et data-taille). */
.kit-bouton.kit-bouton-icone { width: var(--_haut); min-width: var(--_haut); padding: 0; }
/* Effet d'appui (équivalent de KitAppui) pour tout élément cliquable sans encre. */
.kit-appui { transition: transform var(--mouvement-court) var(--mouvement-courbe); }
.kit-appui:active { transform: scale(var(--mouvement-echelle-appui)); }

/* Puce : filtre ou étiquette cliquable. Active : data-actif ou aria-pressed="true". */
.kit-puce {
  display: inline-flex; align-items: center; gap: var(--espace-xs);
  min-height: var(--controle-hauteur-compacte); padding: 0 var(--espace-m);
  border-radius: var(--rayon-pilule); border: 1px solid var(--couleur-trait);
  background: transparent; color: var(--couleur-texte2);
  font: inherit; font-size: var(--typo-petit); font-weight: var(--typo-graisse-forte); cursor: pointer;
}
.kit-puce[data-actif], .kit-puce[aria-pressed="true"] { background: var(--couleur-accent-doux); color: var(--couleur-accent); border-color: transparent; }
.kit-puce:disabled { color: var(--couleur-desactive-texte); cursor: default; }

/* Pastille : fond plein (surface.pastille), data-niveau="fort" pour surface.pastilleForte. */
.kit-pastille {
  display: inline-flex; align-items: center; gap: var(--espace-xs);
  min-height: var(--controle-hauteur-mini); padding: 0 var(--espace-m); border-radius: var(--rayon-pilule);
  background: var(--surface-pastille); color: var(--couleur-texte); font-size: var(--typo-petit);
}
.kit-pastille[data-niveau="fort"] { background: var(--surface-pastille-forte); }

/* Fond plein d'un rôle (opaque, à côté des surfaces translucides) : pastille de statut, barre de progression,
   bouton de statut. Texte couleur.surPlein (blanc), mêmes fonds dans les deux thèmes. Rôle : data-role="succes|alerte|danger",
   sans rôle l'accent. Un fond plein ne prend jamais de couleur libre. */
.kit-plein { background: var(--couleur-accent); color: var(--couleur-sur-accent); }
.kit-plein[data-role="succes"] { background: var(--couleur-succes-plein); color: var(--couleur-sur-plein); }
.kit-plein[data-role="alerte"] { background: var(--couleur-alerte-plein); color: var(--couleur-sur-plein); }
.kit-plein[data-role="danger"] { background: var(--couleur-danger-plein); color: var(--couleur-sur-plein); }

/* Interrupteur vertical (bascule murale) : un <button role="switch" aria-checked="true|false"> à manette en haut quand il est
   allumé. Teinte : data-role="succes|alerte|danger", sinon l'accent (data-role="appli" lit --role-appli). Inactif : disabled. */
.kit-interrupteur-vertical {
  --_teinte: var(--couleur-accent);
  position: relative; display: inline-block; flex: none; padding: 0; cursor: pointer; font: inherit;
  width: var(--bascule-largeur); height: var(--bascule-hauteur); border-radius: var(--rayon-panneau);
  border: var(--bascule-epaisseur-bord) solid color-mix(in srgb, var(--couleur-texte2) 40%, transparent);
  background: color-mix(in srgb, var(--couleur-texte2) 8%, transparent);
  transition: background var(--mouvement-moyen) var(--mouvement-courbe), border-color var(--mouvement-moyen) var(--mouvement-courbe), box-shadow var(--mouvement-moyen) var(--mouvement-courbe);
}
.kit-interrupteur-vertical[data-role="succes"] { --_teinte: var(--couleur-succes); }
.kit-interrupteur-vertical[data-role="alerte"] { --_teinte: var(--couleur-alerte); }
.kit-interrupteur-vertical[data-role="danger"] { --_teinte: var(--couleur-danger); }
.kit-interrupteur-vertical[data-role="appli"] { --_teinte: var(--role-appli, var(--couleur-accent)); }
.kit-interrupteur-vertical::after {
  content: ""; position: absolute; left: 50%; bottom: var(--bascule-marge); transform: translate(-50%, 0);
  width: var(--bascule-manette-largeur); height: var(--bascule-manette-hauteur); border-radius: var(--rayon-carte);
  background:
    linear-gradient(var(--couleur-sur-inverse), var(--couleur-sur-inverse)) center 38% / 24px 3px no-repeat,
    linear-gradient(var(--couleur-sur-inverse), var(--couleur-sur-inverse)) center 50% / 24px 3px no-repeat,
    linear-gradient(var(--couleur-sur-inverse), var(--couleur-sur-inverse)) center 62% / 24px 3px no-repeat,
    color-mix(in srgb, var(--couleur-texte2) 55%, transparent);
  box-shadow: var(--ombre-poignee);
  transition: transform var(--mouvement-moyen) var(--mouvement-courbe), background-color var(--mouvement-moyen) var(--mouvement-courbe);
}
.kit-interrupteur-vertical[aria-checked="true"] {
  border-color: color-mix(in srgb, var(--_teinte) 90%, transparent); background: color-mix(in srgb, var(--_teinte) 20%, transparent);
  box-shadow: 0 0 24px color-mix(in srgb, var(--_teinte) 30%, transparent);
}
.kit-interrupteur-vertical[aria-checked="true"]::after { transform: translate(-50%, calc(-1 * (var(--bascule-hauteur) - var(--bascule-manette-hauteur) - 2 * var(--bascule-marge) - 2 * var(--bascule-epaisseur-bord)))); background-color: var(--_teinte); }
.kit-interrupteur-vertical:disabled, .kit-interrupteur-vertical[aria-disabled="true"] { opacity: var(--bascule-opacite-inactive); cursor: default; }
.kit-interrupteur-vertical[data-occupe] { pointer-events: none; }

/* Segments : choix exclusif sur une piste creuse. Segment actif : data-actif ou aria-pressed="true". */
.kit-segments { display: inline-flex; padding: var(--espace-xs); border-radius: var(--rayon-controle); background: var(--surface-creuse); }
.kit-segments > * {
  min-height: calc(var(--controle-hauteur-standard) - 2 * var(--espace-xs)); padding: 0 var(--espace-m);
  border: 0; border-radius: calc(var(--rayon-controle) - var(--espace-xs)); background: transparent; color: var(--couleur-texte2);
  font: inherit; font-size: var(--typo-petit); font-weight: var(--typo-graisse-forte); cursor: pointer;
}
.kit-segments > [data-actif], .kit-segments > [aria-pressed="true"] { background: var(--couleur-accent-doux); color: var(--couleur-accent); }

/* Champ de saisie. data-taille="compact" : hauteur controle.hauteurChampCompact. */
.kit-champ {
  width: 100%; min-height: var(--controle-hauteur); padding: 0 var(--champ-marge);
  border-radius: var(--rayon-controle); border: 1px solid var(--couleur-trait);
  background: var(--surface-carte); color: var(--couleur-texte); font: inherit;
}
.kit-champ[data-taille="compact"] { min-height: var(--controle-hauteur-champ-compact); }
.kit-champ::placeholder { color: var(--couleur-texte3); }
.kit-champ:focus { outline: none; border-color: var(--couleur-accent); box-shadow: 0 0 0 3px var(--couleur-accent-doux); }

/* Liste et lignes. */
.kit-liste { display: flex; flex-direction: column; gap: var(--espace-s); margin: 0; padding: 0; list-style: none; contain: content; }
.kit-ligne {
  display: flex; align-items: center; gap: var(--espace-m);
  padding: var(--espace-m) var(--espace-l); border-radius: var(--rayon-carte);
  background: var(--surface-carte); border: 1px solid var(--surface-bord); box-shadow: var(--ombre-carte);
  content-visibility: auto; contain-intrinsic-size: auto 4rem;
}
.kit-ligne[data-cliquable]:hover { background: color-mix(in srgb, var(--surface-carte), var(--couleur-accent) 6%); cursor: pointer; }
.kit-ligne[data-active] { border-radius: var(--rayon-rangee); box-shadow: var(--ombre-legere); background: color-mix(in srgb, var(--surface-carte), var(--couleur-accent) calc(var(--surface-force-teinte) * 100%)); }
.kit-ligne > .kit-ligne-corps { flex: 1; min-width: 0; }
.kit-ligne-titre { font-weight: var(--typo-graisse-forte); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kit-ligne-sous-titre { color: var(--couleur-texte2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Voile sous les feuilles et menus modaux. */
.kit-voile { position: fixed; inset: 0; background: rgb(0 0 0 / .35); }

/* État vide : icône (un élément de taille etatVide.icone, par exemple un SVG), titre, texte, action. */
.kit-etat-vide { display: flex; flex-direction: column; align-items: center; gap: var(--espace-s); max-width: var(--etat-vide-largeur-max); margin: 0 auto; padding: var(--espace-xl); text-align: center; }
.kit-etat-vide-icone { width: var(--etat-vide-icone); height: var(--etat-vide-icone); font-size: var(--etat-vide-icone); color: var(--couleur-texte3); }
.kit-etat-vide-titre { font-size: var(--typo-titre); font-weight: var(--typo-graisse-titre); }
.kit-etat-vide-texte { color: var(--couleur-texte2); }

/* Calque de pochette floutée : dans un parent positionné (position: relative; overflow: hidden), sous le contenu.
   L'image se donne par --pochette-image: url(...). Un seul filtre statique, peint une fois (pas de backdrop-filter). */
.kit-pochette {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image: var(--pochette-image, none); background-size: cover; background-position: center;
  opacity: var(--fond-pochette-opacite); filter: blur(var(--fond-pochette-flou)); transform: scale(1.15);
}

/* Surface inversée (message bref) : texte clair sur fond sombre, et l'inverse en thème sombre. */
.kit-toast {
  background: var(--couleur-inverse); color: var(--couleur-sur-inverse);
  border-radius: var(--rayon-menu); padding: var(--espace-m) var(--espace-l); box-shadow: var(--ombre-flottante);
}

/* Fond doux d'un rôle (succès, alerte, danger, accent) : puce d'état, bandeau. */
.kit-doux { background: var(--couleur-accent-doux); color: var(--couleur-accent); border-radius: var(--rayon-controle); }
.kit-doux[data-role="succes"] { background: var(--couleur-succes-doux); color: var(--couleur-succes); }
.kit-doux[data-role="alerte"] { background: var(--couleur-alerte-doux); color: var(--couleur-alerte); }
.kit-doux[data-role="danger"] { background: var(--couleur-danger-doux); color: var(--couleur-danger); }

/* Ombres et trait en variantes nommées, sur n'importe quel élément. */
[data-ombre="flottante"] { box-shadow: var(--ombre-flottante); }
[data-ombre="legere"] { box-shadow: var(--ombre-legere); }
[data-ombre="page"] { box-shadow: var(--ombre-page); }
[data-trait="fort"] { border-color: var(--couleur-trait-fort); }

/* Densité compacte : espaces m, l, xl et hauteur des contrôles réduits pour tout ce qui est dedans. */
[data-densite="compacte"] {
  --espace-m: var(--densite-compacte-m); --espace-l: var(--densite-compacte-l); --espace-xl: var(--densite-compacte-xl);
  --controle-hauteur: var(--controle-hauteur-compacte);
}
}