/*
 * ARDOISE — pas de couleur d'identité du tout.
 *
 * Une colonne presque noire, des boutons noirs, et du blanc pour tout le reste ; la nuit, le
 * rapport s'inverse et les boutons deviennent blancs. L'interface se fait oublier au profit de
 * ce qu'elle porte, et les seules taches de couleur de l'écran sont celles qui disent quelque
 * chose — un succès, une alerte, une erreur. Elles se voient d'autant mieux qu'elles sont
 * seules.
 *
 * Le dépouillement se joue aussi hors de la couleur : les coins se resserrent, les ombres
 * disparaissent des cartes. Ne reste que le filet, qui suffit à poser une surface. L'ombre est
 * gardée pour ce qui flotte réellement au-dessus de la page — un menu, une fenêtre —, où elle
 * n'est pas un ornement mais la seule chose qui dise que c'est par-dessus.
 */
[data-theme="ardoise"] {
    --app-theme-label: "Ardoise";
    color-scheme: light dark;

    /* Fonds, du plus enfoncé au plus relevé. */
    --app-bg: light-dark(#f5f6f7, #0b0d10);
    --app-surface: light-dark(#ffffff, #14171b);
    --app-raised: light-dark(#fafbfc, #1a1e23);
    --app-hover: light-dark(#eff1f3, #22262c);

    /* Encres. */
    --app-ink: light-dark(#15181c, #e4e7ea);
    --app-ink-soft: light-dark(#4c545c, #a9b0b8);
    --app-ink-muted: light-dark(#656e77, #868e96);
    --app-ink-inverse: light-dark(#ffffff, #0b0d10);

    /* Filets. Ils portent seuls le dessin des cartes, puisque l'ombre les quitte. */
    --app-line: light-dark(#e5e7ea, #232830);
    --app-line-strong: light-dark(#cdd1d6, #333a43);
    --app-line-control: light-dark(#7a838c, #69727c);

    /*
     * L'accent est l'encre elle-même. Un bouton devient donc noir sur blanc, et blanc sur noir la
     * nuit : c'est le geste de cette palette, et il tient parce que le ton est déplacé en entier
     * — le fond, le survol, le voile et l'encre qui se pose dessus.
     */
    --app-accent: light-dark(#23272d, #edeff2);
    --app-accent-hover: light-dark(#101317, #ffffff);
    --app-accent-soft: light-dark(#eff1f3, #1c2026);
    --app-accent-ink: light-dark(#23272d, #dfe3e8);
    --app-on-accent: light-dark(#ffffff, #15181c);

    /* Le ton neutre ne se distingue plus de l'accent : sur cette palette, ils disent la même
       chose. Le déplacer quand même évite qu'il reste bleuté à côté de gris purs. */
    --app-neutral: light-dark(#4c545c, #a9b0b8);
    --app-neutral-hover: light-dark(#333a41, #cbd0d6);
    --app-neutral-soft: var(--app-raised);
    --app-neutral-ink: var(--app-ink-soft);
    --app-on-neutral: var(--app-ink-inverse);

    /* La colonne, plus noire encore que l'accent : c'est le bord de l'écran, pas un bouton. */
    --app-rail: light-dark(#1a1d21, #0e1013);
    --app-rail-ink: light-dark(#ffffff, #f2f4f6);

    /* Des coins nets. */
    --app-radius: 9px;

    /* Une carte ne tient plus que par son filet ; ce qui flotte garde son ombre. */
    --app-shadow-sm: none;
    --app-shadow: none;
    --app-shadow-pop: 0 10px 15px -3px light-dark(rgb(21 24 28 / .12), rgb(0 0 0 / .5)),
                      0 4px 6px -4px light-dark(rgb(21 24 28 / .1), rgb(0 0 0 / .45));
}