/*
 * LAGUNE — un bleu-vert profond, plus froid que le vert et plus vivant que l'anthracite.
 *
 * Le papier prend une pointe de bleu, ce qui fait ressortir le blanc pur des cartes posées
 * dessus. C'est la direction la plus « logiciel de travail » des trois, sans reprendre l'indigo
 * que tout le monde emploie.
 *
 * Elle garde le rayon du paquet, le plus doux des trois, et ne déplace donc que des couleurs.
 */
[data-theme="lagune"] {
    --app-theme-label: "Lagune";
    color-scheme: light dark;

    /* Fonds, du plus enfoncé au plus relevé. */
    --app-bg: light-dark(#f2f5f6, #080f11);
    --app-surface: light-dark(#ffffff, #101a1d);
    --app-raised: light-dark(#f8fafb, #172326);
    --app-hover: light-dark(#eaf0f2, #1e2c30);

    /* Encres, teintées du même bleu-vert. */
    --app-ink: light-dark(#172226, #dde7e9);
    --app-ink-soft: light-dark(#47585e, #a5b5b9);
    --app-ink-muted: light-dark(#5f7075, #83959a);
    --app-ink-inverse: light-dark(#ffffff, #08161a);

    /* Filets. */
    --app-line: light-dark(#dfe7e9, #212f33);
    --app-line-strong: light-dark(#c6d2d5, #32444a);
    --app-line-control: light-dark(#798a8f, #6a8085);

    /* L'accent, en entier : profond le jour pour porter du blanc, clair la nuit pour être lu
       sur du noir. */
    --app-accent: light-dark(#0f6675, #45bfd1);
    --app-accent-hover: light-dark(#0a4f5c, #6fd2e0);
    --app-accent-soft: light-dark(#e4f1f4, #0f2b32);
    --app-accent-ink: light-dark(#0a3f4a, #9be0ea);
    --app-on-accent: light-dark(#ffffff, #04222a);

    /* Le ton neutre suit les encres de la palette. */
    --app-neutral: light-dark(#47585e, #a5b5b9);
    --app-neutral-hover: light-dark(#324146, #c6d4d7);
    --app-neutral-soft: var(--app-raised);
    --app-neutral-ink: var(--app-ink-soft);
    --app-on-neutral: var(--app-ink-inverse);

    /*
     * La colonne. Le jour, elle prend l'accent tel quel — c'est là que cette palette se voit ; la
     * nuit, elle descend au bleu-vert le plus sombre plutôt que de virer au turquoise clair.
     */
    --app-rail: light-dark(#0f6675, #0a1b20);
    --app-rail-ink: light-dark(#ffffff, #e8f2f4);

    /* Les ombres reprennent l'encre de la palette. */
    --app-shadow-sm: 0 1px 2px light-dark(rgb(23 34 38 / .05), rgb(0 0 0 / .4));
    --app-shadow: 0 1px 2px light-dark(rgb(23 34 38 / .05), rgb(0 0 0 / .3)),
                  0 1px 3px light-dark(rgb(23 34 38 / .08), rgb(0 0 0 / .35));
    --app-shadow-pop: 0 10px 15px -3px light-dark(rgb(23 34 38 / .1), rgb(0 0 0 / .45)),
                      0 4px 6px -4px light-dark(rgb(23 34 38 / .1), rgb(0 0 0 / .4));
}