/*
 * Écrans terrain — thème Carnet (Paramètres → Apparence).
 * Chargé après app.css, uniquement quand le thème est actif (<html data-skin="carnet">).
 * Fonds papier, vert sapin, aplats sauge / ciel / soleil / terre cuite, titres en Bricolage Grotesque.
 */
:root[data-skin="carnet"] {
    --bg: #F4F1EA;
    --card: #FBF9F4;
    --ink: #1F3B36;
    --ink-2: #3E5752;
    --ink-3: #667A75;
    --line: #E4E0D6;
    --primary: color-mix(in srgb, var(--brand) 90%, black);
    --primary-press: color-mix(in srgb, var(--brand) 75%, black);
    --primary-soft: #DCE8DA;
    --lime: #F2C14E;
    --lime-soft: #F7E3B5;
    --lime-ink: #5A4310;
    --red: #B54A35;
    --red-soft: #F5D6CC;
    --amber: #9A620C;
    --amber-soft: #F7E3B5;
    --green: #3F7D4C;
    --green-soft: #DCE8DA;
    --solid: #1F3B36;
    --on-solid: #FBF9F4;
    --on-primary: #FFFFFF;
    --tint: #FBF9F4;
    --note-ink: #3A2E0A;
    --chev: #C4BEB0;
    --sh-1: 0 0 0 1px rgba(31, 59, 54, .05);
    --sh-2: 0 12px 32px -20px rgba(31, 59, 54, .35);
    --font: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
:root[data-skin="carnet"] h1, :root[data-skin="carnet"] h2, :root[data-skin="carnet"] .hero h1 {
    font-family: 'Bricolage Grotesque', var(--font);
    letter-spacing: -.025em;
}

:root[data-skin="carnet"][data-theme="dark"] {
    --bg: #141210;
    --card: #1E1C19;
    --ink: #F6F3EC;
    --ink-2: #DAD4C8;
    --ink-3: #AFA89B;
    --line: #302D28;
    --primary: #A9CBA4;
    --primary-press: #94BC8F;
    --primary-soft: #263027;
    --brand: #A9CBA4;
    --on-primary: #13201A;
    --lime: #F2C14E;
    --lime-soft: #332A14;
    --lime-ink: #F5DE9E;
    --red: #F08B73;
    --red-soft: #3A2019;
    --amber: #F2C14E;
    --amber-soft: #352B14;
    --green: #8FC79A;
    --green-soft: #20301F;
    --solid: #F6F3EC;
    --on-solid: #141210;
    --tint: #1E1C19;
    --note-ink: #F5E7BD;
    --chev: #5A554C;
    --sh-1: 0 0 0 1px rgba(255, 255, 255, .04);
    --sh-2: 0 18px 40px -18px rgba(0, 0, 0, .7);
}
@media (prefers-color-scheme: dark) {
    :root[data-skin="carnet"]:not([data-theme="light"]) {
        --bg: #141210;
        --card: #1E1C19;
        --ink: #F6F3EC;
        --ink-2: #DAD4C8;
        --ink-3: #AFA89B;
        --line: #302D28;
        --primary: #A9CBA4;
        --primary-press: #94BC8F;
        --primary-soft: #263027;
        --brand: #A9CBA4;
        --on-primary: #13201A;
        --lime: #F2C14E;
        --lime-soft: #332A14;
        --lime-ink: #F5DE9E;
        --red: #F08B73;
        --red-soft: #3A2019;
        --amber: #F2C14E;
        --amber-soft: #352B14;
        --green: #8FC79A;
        --green-soft: #20301F;
        --solid: #F6F3EC;
        --on-solid: #141210;
        --tint: #1E1C19;
        --note-ink: #F5E7BD;
        --chev: #5A554C;
        --sh-1: 0 0 0 1px rgba(255, 255, 255, .04);
        --sh-2: 0 18px 40px -18px rgba(0, 0, 0, .7);
    }
}