/*
 * enzo.immo — espace de travail (/app/). Palettes de rechange : chacune ne redéfinit QUE les jetons de espace.css
 * (clair et sombre), sous [data-palette="…"] posé sur <html> par theme.js (choix mémorisé dans le navigateur,
 * localStorage « espace-palette », sélecteur dans la barre latérale et le menu « Plus »). Sans attribut : la
 * palette d'origine de espace.css (neutre + un bleu). Même structure que espace.css : un bloc clair, un bloc
 * sombre « selon le système » (prefers-color-scheme, sauf data-theme="light"), un bloc sombre forcé
 * (data-theme="dark"). Sélecteurs plus spécifiques que ceux de espace.css, feuille chargée juste après.
 *
 * Contrastes vérifiés (WCAG AA : texte 4,5:1, contours et graphiques 3:1) par espace/palettes.py :
 * `python manage.py contrastes_palettes` et espace/tests/test_palettes.py. Fiche et captures :
 * design/palettes/PALETTES.md. Ne jamais écrire une couleur en dur ailleurs : toujours un jeton.
 */


/* ------------------------------------------------------------------ Papier — neutre chaude façon Notion : blanc cassé, gris tièdes, bleu franc pour l'action. */

:root[data-palette="papier"] {
  --fond: #F7F6F2;
  --surface: #FFFFFF;
  --surface-2: #F3F1EC;
  --bordure: #E7E4DD;
  --bordure-forte: #D2CEC5;
  --bordure-douce: #EFEDE7;
  --encre: #1F1D1A;
  --encre-2: #4A4741;
  --discret: #6E6A63;
  --accent: #2B6ED0;
  --accent-fort: #1E58AE;
  --accent-doux: #E9F0FB;
  --accent-bouton: #2B6ED0;
  --accent-bouton-fort: #215BB2;
  --sur-accent: #FFFFFF;
  --sur: #4A4741;
  --sur-fond: #F3F1EC;
  --sur-bord: #E7E4DD;
  --verifier: #855200;
  --verifier-fond: #FBF1DA;
  --verifier-bord: #EAD39A;
  --probleme: #B3261E;
  --probleme-fond: #FCEBE8;
  --probleme-bord: #F2C3BC;
  --info: #4A4741;
  --info-fond: #F3F1EC;
  --neutre: #4A4741;
  --neutre-fond: #F3F1EC;
  --point-ok: #8A867E;
  --point-attention: #B87400;
  --point-probleme: #D92D20;
  --point-arrete: #9B978F;
  --point-info: #8A867E;
  --case-bord: #8A867E;
  --toast-fond: #1F1D1A;
  --toast-texte: #EFEDE8;
  --toast-bord: #4B4842;
  --toast-coche: #EFEDE8;
  --toast-discret: #A6A29A;
  --voile: rgba(31, 29, 26, 0.35);
  --ombre-flottant: 0 8px 24px rgba(31, 29, 26, 0.08);
  --ombre-panneau: -8px 0 24px rgba(31, 29, 26, 0.08);
  --ombre-tiroir: 0 -8px 24px rgba(31, 29, 26, 0.14);
  --ombre-toast: 0 8px 24px rgba(31, 29, 26, 0.24);
  /* Solde du compte locataire (lot grand livre) : seul vert permis ; négatif = problème. */
  --solde-positif: #1A7F37;
  --solde-negatif: var(--probleme);
}

@media (prefers-color-scheme: dark) {
  :root[data-palette="papier"]:not([data-theme="light"]) {
    --fond: #161514;
    --surface: #1E1D1B;
    --surface-2: #272623;
    --bordure: #33312D;
    --bordure-forte: #46433D;
    --bordure-douce: #2C2A27;
    --encre: #EDEAE4;
    --encre-2: #C9C5BD;
    --discret: #A19C93;
    --accent: #7FB0F5;
    --accent-fort: #A4C6FA;
    --accent-doux: #22314B;
    --accent-bouton: #2F6FD6;
    --accent-bouton-fort: #3572D4;
    --sur-accent: #FFFFFF;
    --sur: #C9C5BD;
    --sur-fond: #272623;
    --sur-bord: #33312D;
    --verifier: #E5BA60;
    --verifier-fond: #302816;
    --verifier-bord: #584821;
    --probleme: #F4948A;
    --probleme-fond: #3A2320;
    --probleme-bord: #6B3630;
    --info: #C9C5BD;
    --info-fond: #272623;
    --neutre: #C9C5BD;
    --neutre-fond: #2C2A27;
    --point-ok: #8E8A82;
    --point-attention: #E5BA60;
    --point-probleme: #F4948A;
    --point-arrete: #6E6A63;
    --point-info: #8E8A82;
    --case-bord: #6E6A63;
    --toast-fond: #EDEAE4;
    --toast-texte: #1F1D1A;
    --toast-bord: #C9C5BD;
    --toast-coche: #1F1D1A;
    --toast-discret: #66625B;
    --voile: rgba(0, 0, 0, 0.55);
    --ombre-flottant: 0 8px 24px rgba(0, 0, 0, 0.45);
    --ombre-panneau: -8px 0 24px rgba(0, 0, 0, 0.45);
    --ombre-tiroir: 0 -8px 24px rgba(0, 0, 0, 0.5);
    --ombre-toast: 0 8px 24px rgba(0, 0, 0, 0.5);
    /* Solde du compte locataire (lot grand livre) : seul vert permis ; négatif = problème. */
    --solde-positif: #5DBB7E;
    --solde-negatif: var(--probleme);
  }
}

:root[data-palette="papier"][data-theme="dark"] {
  --fond: #161514;
  --surface: #1E1D1B;
  --surface-2: #272623;
  --bordure: #33312D;
  --bordure-forte: #46433D;
  --bordure-douce: #2C2A27;
  --encre: #EDEAE4;
  --encre-2: #C9C5BD;
  --discret: #A19C93;
  --accent: #7FB0F5;
  --accent-fort: #A4C6FA;
  --accent-doux: #22314B;
  --accent-bouton: #2F6FD6;
  --accent-bouton-fort: #3572D4;
  --sur-accent: #FFFFFF;
  --sur: #C9C5BD;
  --sur-fond: #272623;
  --sur-bord: #33312D;
  --verifier: #E5BA60;
  --verifier-fond: #302816;
  --verifier-bord: #584821;
  --probleme: #F4948A;
  --probleme-fond: #3A2320;
  --probleme-bord: #6B3630;
  --info: #C9C5BD;
  --info-fond: #272623;
  --neutre: #C9C5BD;
  --neutre-fond: #2C2A27;
  --point-ok: #8E8A82;
  --point-attention: #E5BA60;
  --point-probleme: #F4948A;
  --point-arrete: #6E6A63;
  --point-info: #8E8A82;
  --case-bord: #6E6A63;
  --toast-fond: #EDEAE4;
  --toast-texte: #1F1D1A;
  --toast-bord: #C9C5BD;
  --toast-coche: #1F1D1A;
  --toast-discret: #66625B;
  --voile: rgba(0, 0, 0, 0.55);
  --ombre-flottant: 0 8px 24px rgba(0, 0, 0, 0.45);
  --ombre-panneau: -8px 0 24px rgba(0, 0, 0, 0.45);
  --ombre-tiroir: 0 -8px 24px rgba(0, 0, 0, 0.5);
  --ombre-toast: 0 8px 24px rgba(0, 0, 0, 0.5);
  /* Solde du compte locataire (lot grand livre) : seul vert permis ; négatif = problème. */
  --solde-positif: #5DBB7E;
  --solde-negatif: var(--probleme);
}

/* ------------------------------------------------------------------ Ardoise — gris froid + indigo façon Linear : fond bleuté, encre profonde, indigo pour l'action. */

:root[data-palette="ardoise"] {
  --fond: #F5F6F9;
  --surface: #FFFFFF;
  --surface-2: #EFF1F5;
  --bordure: #E2E5EC;
  --bordure-forte: #CBD0DA;
  --bordure-douce: #EBEDF2;
  --encre: #171A21;
  --encre-2: #3F4453;
  --discret: #646A7A;
  --accent: #5457D0;
  --accent-fort: #4245B4;
  --accent-doux: #EBEBFA;
  --accent-bouton: #5457D0;
  --accent-bouton-fort: #4649BE;
  --sur-accent: #FFFFFF;
  --sur: #3F4453;
  --sur-fond: #EFF1F5;
  --sur-bord: #E2E5EC;
  --verifier: #8A5605;
  --verifier-fond: #FBF2DE;
  --verifier-bord: #E9D4A2;
  --probleme: #B42318;
  --probleme-fond: #FDECEA;
  --probleme-bord: #F3C2BC;
  --info: #3F4453;
  --info-fond: #EFF1F5;
  --neutre: #3F4453;
  --neutre-fond: #EFF1F5;
  --point-ok: #868C9B;
  --point-attention: #C07700;
  --point-probleme: #D92D20;
  --point-arrete: #9AA0AE;
  --point-info: #868C9B;
  --case-bord: #868C9B;
  --toast-fond: #171A21;
  --toast-texte: #ECEEF3;
  --toast-bord: #454A58;
  --toast-coche: #ECEEF3;
  --toast-discret: #A0A5B3;
  --voile: rgba(23, 26, 33, 0.35);
  --ombre-flottant: 0 8px 24px rgba(23, 26, 33, 0.08);
  --ombre-panneau: -8px 0 24px rgba(23, 26, 33, 0.08);
  --ombre-tiroir: 0 -8px 24px rgba(23, 26, 33, 0.14);
  --ombre-toast: 0 8px 24px rgba(23, 26, 33, 0.24);
  /* Solde du compte locataire (lot grand livre) : seul vert permis ; négatif = problème. */
  --solde-positif: #1A7F37;
  --solde-negatif: var(--probleme);
}

@media (prefers-color-scheme: dark) {
  :root[data-palette="ardoise"]:not([data-theme="light"]) {
    --fond: #0F1116;
    --surface: #171A21;
    --surface-2: #1F232C;
    --bordure: #2A2F3A;
    --bordure-forte: #3B4150;
    --bordure-douce: #242934;
    --encre: #E6E8EE;
    --encre-2: #C0C5D1;
    --discret: #979DAE;
    --accent: #9EA1F3;
    --accent-fort: #B9BBF7;
    --accent-doux: #25274B;
    --accent-bouton: #5B5FD9;
    --accent-bouton-fort: #6266DC;
    --sur-accent: #FFFFFF;
    --sur: #C0C5D1;
    --sur-fond: #1F232C;
    --sur-bord: #2A2F3A;
    --verifier: #E3B75B;
    --verifier-fond: #322A16;
    --verifier-bord: #5A4A22;
    --probleme: #F28B82;
    --probleme-fond: #3B2320;
    --probleme-bord: #6A3530;
    --info: #C0C5D1;
    --info-fond: #1F232C;
    --neutre: #C0C5D1;
    --neutre-fond: #242934;
    --point-ok: #8A909F;
    --point-attention: #E3B75B;
    --point-probleme: #F28B82;
    --point-arrete: #646A7A;
    --point-info: #8A909F;
    --case-bord: #6C7283;
    --toast-fond: #E6E8EE;
    --toast-texte: #171A21;
    --toast-bord: #C0C5D1;
    --toast-coche: #171A21;
    --toast-discret: #5E6474;
    --voile: rgba(0, 0, 0, 0.6);
    --ombre-flottant: 0 8px 24px rgba(0, 0, 0, 0.5);
    --ombre-panneau: -8px 0 24px rgba(0, 0, 0, 0.5);
    --ombre-tiroir: 0 -8px 24px rgba(0, 0, 0, 0.55);
    --ombre-toast: 0 8px 24px rgba(0, 0, 0, 0.55);
    /* Solde du compte locataire (lot grand livre) : seul vert permis ; négatif = problème. */
    --solde-positif: #5DBB7E;
    --solde-negatif: var(--probleme);
  }
}

:root[data-palette="ardoise"][data-theme="dark"] {
  --fond: #0F1116;
  --surface: #171A21;
  --surface-2: #1F232C;
  --bordure: #2A2F3A;
  --bordure-forte: #3B4150;
  --bordure-douce: #242934;
  --encre: #E6E8EE;
  --encre-2: #C0C5D1;
  --discret: #979DAE;
  --accent: #9EA1F3;
  --accent-fort: #B9BBF7;
  --accent-doux: #25274B;
  --accent-bouton: #5B5FD9;
  --accent-bouton-fort: #6266DC;
  --sur-accent: #FFFFFF;
  --sur: #C0C5D1;
  --sur-fond: #1F232C;
  --sur-bord: #2A2F3A;
  --verifier: #E3B75B;
  --verifier-fond: #322A16;
  --verifier-bord: #5A4A22;
  --probleme: #F28B82;
  --probleme-fond: #3B2320;
  --probleme-bord: #6A3530;
  --info: #C0C5D1;
  --info-fond: #1F232C;
  --neutre: #C0C5D1;
  --neutre-fond: #242934;
  --point-ok: #8A909F;
  --point-attention: #E3B75B;
  --point-probleme: #F28B82;
  --point-arrete: #646A7A;
  --point-info: #8A909F;
  --case-bord: #6C7283;
  --toast-fond: #E6E8EE;
  --toast-texte: #171A21;
  --toast-bord: #C0C5D1;
  --toast-coche: #171A21;
  --toast-discret: #5E6474;
  --voile: rgba(0, 0, 0, 0.6);
  --ombre-flottant: 0 8px 24px rgba(0, 0, 0, 0.5);
  --ombre-panneau: -8px 0 24px rgba(0, 0, 0, 0.5);
  --ombre-tiroir: 0 -8px 24px rgba(0, 0, 0, 0.55);
  --ombre-toast: 0 8px 24px rgba(0, 0, 0, 0.55);
  /* Solde du compte locataire (lot grand livre) : seul vert permis ; négatif = problème. */
  --solde-positif: #5DBB7E;
  --solde-negatif: var(--probleme);
}

/* ------------------------------------------------------------------ Graphite — monochrome à fort contraste façon Vercel/Raycast : neutres purs, bouton noir (blanc en sombre). */

:root[data-palette="graphite"] {
  --fond: #FAFAFA;
  --surface: #FFFFFF;
  --surface-2: #F2F2F2;
  --bordure: #E6E6E6;
  --bordure-forte: #D0D0D0;
  --bordure-douce: #EEEEEE;
  --encre: #111111;
  --encre-2: #3F3F3F;
  --discret: #6A6A6A;
  --accent: #111111;
  --accent-fort: #000000;
  --accent-doux: #EDEDED;
  --accent-bouton: #111111;
  --accent-bouton-fort: #333333;
  --sur-accent: #FFFFFF;
  --sur: #3F3F3F;
  --sur-fond: #F2F2F2;
  --sur-bord: #E6E6E6;
  --verifier: #7E5300;
  --verifier-fond: #FAF1DB;
  --verifier-bord: #E8D39C;
  --probleme: #B3261E;
  --probleme-fond: #FCECEA;
  --probleme-bord: #F2C5BF;
  --info: #3F3F3F;
  --info-fond: #F2F2F2;
  --neutre: #3F3F3F;
  --neutre-fond: #F2F2F2;
  --point-ok: #8C8C8C;
  --point-attention: #B87400;
  --point-probleme: #D92D20;
  --point-arrete: #9E9E9E;
  --point-info: #8C8C8C;
  --case-bord: #8C8C8C;
  --toast-fond: #111111;
  --toast-texte: #F2F2F2;
  --toast-bord: #444444;
  --toast-coche: #F2F2F2;
  --toast-discret: #A3A3A3;
  --voile: rgba(0, 0, 0, 0.35);
  --ombre-flottant: 0 8px 24px rgba(0, 0, 0, 0.08);
  --ombre-panneau: -8px 0 24px rgba(0, 0, 0, 0.08);
  --ombre-tiroir: 0 -8px 24px rgba(0, 0, 0, 0.14);
  --ombre-toast: 0 8px 24px rgba(0, 0, 0, 0.24);
  /* Solde du compte locataire (lot grand livre) : seul vert permis ; négatif = problème. */
  --solde-positif: #1A7F37;
  --solde-negatif: var(--probleme);
}

@media (prefers-color-scheme: dark) {
  :root[data-palette="graphite"]:not([data-theme="light"]) {
    --fond: #0A0A0A;
    --surface: #141414;
    --surface-2: #1C1C1C;
    --bordure: #2A2A2A;
    --bordure-forte: #3B3B3B;
    --bordure-douce: #222222;
    --encre: #EDEDED;
    --encre-2: #C2C2C2;
    --discret: #9B9B9B;
    --accent: #EDEDED;
    --accent-fort: #FFFFFF;
    --accent-doux: #262626;
    --accent-bouton: #EDEDED;
    --accent-bouton-fort: #FFFFFF;
    --sur-accent: #111111;
    --sur: #C2C2C2;
    --sur-fond: #1C1C1C;
    --sur-bord: #2A2A2A;
    --verifier: #E3B75B;
    --verifier-fond: #2E2714;
    --verifier-bord: #55461F;
    --probleme: #F28B82;
    --probleme-fond: #381F1C;
    --probleme-bord: #66312B;
    --info: #C2C2C2;
    --info-fond: #1C1C1C;
    --neutre: #C2C2C2;
    --neutre-fond: #222222;
    --point-ok: #8C8C8C;
    --point-attention: #E3B75B;
    --point-probleme: #F28B82;
    --point-arrete: #6A6A6A;
    --point-info: #8C8C8C;
    --case-bord: #707070;
    --toast-fond: #EDEDED;
    --toast-texte: #111111;
    --toast-bord: #BDBDBD;
    --toast-coche: #111111;
    --toast-discret: #6A6A6A;
    --voile: rgba(0, 0, 0, 0.6);
    --ombre-flottant: 0 8px 24px rgba(0, 0, 0, 0.55);
    --ombre-panneau: -8px 0 24px rgba(0, 0, 0, 0.55);
    --ombre-tiroir: 0 -8px 24px rgba(0, 0, 0, 0.6);
    --ombre-toast: 0 8px 24px rgba(0, 0, 0, 0.6);
    /* Solde du compte locataire (lot grand livre) : seul vert permis ; négatif = problème. */
    --solde-positif: #5DBB7E;
    --solde-negatif: var(--probleme);
  }
}

:root[data-palette="graphite"][data-theme="dark"] {
  --fond: #0A0A0A;
  --surface: #141414;
  --surface-2: #1C1C1C;
  --bordure: #2A2A2A;
  --bordure-forte: #3B3B3B;
  --bordure-douce: #222222;
  --encre: #EDEDED;
  --encre-2: #C2C2C2;
  --discret: #9B9B9B;
  --accent: #EDEDED;
  --accent-fort: #FFFFFF;
  --accent-doux: #262626;
  --accent-bouton: #EDEDED;
  --accent-bouton-fort: #FFFFFF;
  --sur-accent: #111111;
  --sur: #C2C2C2;
  --sur-fond: #1C1C1C;
  --sur-bord: #2A2A2A;
  --verifier: #E3B75B;
  --verifier-fond: #2E2714;
  --verifier-bord: #55461F;
  --probleme: #F28B82;
  --probleme-fond: #381F1C;
  --probleme-bord: #66312B;
  --info: #C2C2C2;
  --info-fond: #1C1C1C;
  --neutre: #C2C2C2;
  --neutre-fond: #222222;
  --point-ok: #8C8C8C;
  --point-attention: #E3B75B;
  --point-probleme: #F28B82;
  --point-arrete: #6A6A6A;
  --point-info: #8C8C8C;
  --case-bord: #707070;
  --toast-fond: #EDEDED;
  --toast-texte: #111111;
  --toast-bord: #BDBDBD;
  --toast-coche: #111111;
  --toast-discret: #6A6A6A;
  --voile: rgba(0, 0, 0, 0.6);
  --ombre-flottant: 0 8px 24px rgba(0, 0, 0, 0.55);
  --ombre-panneau: -8px 0 24px rgba(0, 0, 0, 0.55);
  --ombre-tiroir: 0 -8px 24px rgba(0, 0, 0, 0.6);
  --ombre-toast: 0 8px 24px rgba(0, 0, 0, 0.6);
  /* Solde du compte locataire (lot grand livre) : seul vert permis ; négatif = problème. */
  --solde-positif: #5DBB7E;
  --solde-negatif: var(--probleme);
}