/*
 * BRUTAL — le trait franc, l'ombre dure, la couleur électrique.
 *
 * Le « néo-brutalisme » : aucun dégradé, aucune ombre floue, aucun demi-ton. Une carte est un
 * rectangle cerné de noir, décalé de trois pixels sur son ombre pleine, comme un papier posé
 * sur la table. C'est franc, c'est joyeux, et ça ne ressemble à aucun logiciel de gestion.
 *
 * Ce qu'elle ne peut pas faire, et qu'il faut savoir : le trait reste à un pixel. L'épaisseur
 * d'une bordure n'est pas un jeton du paquet, et les vrais brutalistes en mettent trois. Le
 * noir plein et l'ombre dure portent l'essentiel du geste, mais le trait, lui, reste fin.
 */
[data-theme="brutal"] {
    --app-theme-label: "Brutal";
    color-scheme: light dark;

    /* Fonds. Un papier, et du blanc pur pour ce qui se pose dessus. */
    --app-bg: light-dark(#f2efe6, #131313);
    --app-surface: light-dark(#ffffff, #1c1c1c);
    --app-raised: light-dark(#faf8f2, #242424);
    --app-hover: light-dark(#ebe7dc, #2e2e2e);

    /* Encres. Le noir est presque pur : cette palette ne connaît pas la nuance. */
    --app-ink: light-dark(#111111, #f2f2f2);
    --app-ink-soft: light-dark(#333333, #d0d0d0);
    --app-ink-muted: light-dark(#555555, #a8a8a8);
    --app-ink-inverse: light-dark(#ffffff, #111111);

    /* Les filets sont l'encre elle-même : c'est le trait qui dessine, pas la teinte. */
    --app-line: light-dark(#111111, #f2f2f2);
    --app-line-strong: light-dark(#111111, #f2f2f2);
    --app-line-control: light-dark(#111111, #f2f2f2);

    /* Un violet électrique, la seule couleur de l'écran avec celles qui disent quelque chose. */
    --app-accent: light-dark(#7c1cff, #b490ff);
    --app-accent-hover: light-dark(#6510d6, #c9b0ff);
    --app-accent-soft: light-dark(#f0e7ff, #241338);
    --app-accent-ink: light-dark(#4a0d9e, #d9c6ff);
    --app-on-accent: light-dark(#ffffff, #12071f);

    --app-neutral: light-dark(#333333, #d0d0d0);
    --app-neutral-hover: light-dark(#111111, #ffffff);
    --app-neutral-soft: var(--app-raised);
    --app-neutral-ink: var(--app-ink-soft);
    --app-on-neutral: var(--app-ink-inverse);

    /* La colonne prend le violet plein, et non le noir : sans elle, l'écran serait un journal. */
    --app-rail: light-dark(#7c1cff, #2a1147);
    --app-rail-ink: #ffffff;

    /* Des coins presque carrés. */
    --app-radius: 4px;

    /*
     * L'ombre ne floute rien : elle décale un aplat, comme une seconde feuille dessous. C'est
     * le geste qui donne son nom à cette palette, et il vaut pour tout ce qui est posé —
     * y compris ce qui flotte.
     */
    --app-shadow-sm: 3px 3px 0 light-dark(#111111, #f2f2f2);
    --app-shadow: 3px 3px 0 light-dark(#111111, #f2f2f2);
    --app-shadow-pop: 5px 5px 0 light-dark(#111111, #f2f2f2);
    --app-shadow-focus: 0 0 0 3px light-dark(#111111, #f2f2f2);
}