/*
 * BASILIC — le vert de la pousse, poussé jusqu'au fond de la colonne.
 *
 * C'est la palette qui raconte le nom : le dessin du favicon est un plant de basilic, et cette
 * teinte est la sienne. Le papier tire vers le chaud d'un rien — juste assez pour que le blanc
 * des cartes s'y détache sans que la page paraisse jaune.
 *
 * Elle ne déplace que des alias : aucun composant ne la connaît, et aucun n'est repris ici. Les
 * deux valeurs de chaque `light-dark()` sont le jour et la nuit de la même palette ; c'est la
 * préférence du système qui tranche, comme pour les palettes du paquet.
 *
 * Les quatre tons de sens — succès, alerte, danger, information — gardent ceux du paquet : ils
 * disent une chose et non un goût, et un vert d'application ne doit pas se confondre avec le
 * vert qui annonce que tout va bien.
 */
[data-theme="basilic"] {
    --app-theme-label: "Basilic";
    color-scheme: light dark;

    /* Fonds, du plus enfoncé au plus relevé. */
    --app-bg: light-dark(#f3f5f1, #0c110e);
    --app-surface: light-dark(#ffffff, #141b17);
    --app-raised: light-dark(#f8faf6, #1b231e);
    --app-hover: light-dark(#edf1ea, #222c26);

    /* Encres. Le noir n'est jamais pur : il garde une pointe du vert de la palette. */
    --app-ink: light-dark(#1b241f, #dee6e0);
    --app-ink-soft: light-dark(#4b5750, #a9b6ae);
    --app-ink-muted: light-dark(#64736b, #85938a);
    --app-ink-inverse: light-dark(#ffffff, #0b1310);

    /* Filets. */
    --app-line: light-dark(#e2e6de, #253029);
    --app-line-strong: light-dark(#cbd3c8, #35443b);
    --app-line-control: light-dark(#7b8a81, #6c8074);

    /*
     * L'accent, en entier. En clair il est profond, parce qu'il porte du texte blanc ; en sombre
     * il s'éclaircit, parce qu'il devient lui-même du texte sur un fond noir. Le fond de la
     * colonne, lui, ne suit pas cette bascule : il a son propre jeton, plus bas.
     */
    --app-accent: light-dark(#1e6b4f, #4fbe92);
    --app-accent-hover: light-dark(#175540, #74d0ac);
    --app-accent-soft: light-dark(#e6f1ea, #143024);
    --app-accent-ink: light-dark(#0f4634, #9fe0c3);
    --app-on-accent: light-dark(#ffffff, #08231a);

    /* Le ton neutre suit les encres de la palette, faute de quoi il resterait bleuté. */
    --app-neutral: light-dark(#4b5750, #a9b6ae);
    --app-neutral-hover: light-dark(#37413b, #cbd6cf);
    --app-neutral-soft: var(--app-raised);
    --app-neutral-ink: var(--app-ink-soft);
    --app-on-neutral: var(--app-ink-inverse);

    /*
     * La colonne du menu. Elle reste profonde de jour comme de nuit : c'est la seule surface
     * pleine de l'interface, et l'éclaircir la nuit rendrait à l'écran le bloc lumineux qu'on
     * vient précisément d'éteindre. `app.css` lit ces deux jetons ; sans eux, elle reprend
     * l'accent.
     */
    --app-rail: light-dark(#1d5e48, #11241c);
    --app-rail-ink: light-dark(#ffffff, #eaf3ee);

    /* Un coin un peu plus net que les 14 px du paquet : l'interface porte beaucoup de petites
       cartes, et un rayon large les fait paraître molles. */
    --app-radius: 12px;

    /* Les ombres reprennent l'encre de la palette plutôt que le bleu d'ardoise du paquet. */
    --app-shadow-sm: 0 1px 2px light-dark(rgb(27 36 31 / .05), rgb(0 0 0 / .4));
    --app-shadow: 0 1px 2px light-dark(rgb(27 36 31 / .05), rgb(0 0 0 / .3)),
                  0 1px 3px light-dark(rgb(27 36 31 / .08), rgb(0 0 0 / .35));
    --app-shadow-pop: 0 10px 15px -3px light-dark(rgb(27 36 31 / .1), rgb(0 0 0 / .45)),
                      0 4px 6px -4px light-dark(rgb(27 36 31 / .1), rgb(0 0 0 / .4));
}