/*
 * Palette "Pineta" — predefinita del pannello host e admin.
 * Verde pino per le azioni, terracotta per gli accenti, base carta calda. Font Figtree.
 *
 * Regole:
 *  - questo file ridefinisce SOLO le variabili di ruolo (--wk-...), mai selettori di componenti;
 *  - tre blocchi con le stesse variabili: chiaro, scuro automatico, scuro forzato;
 *    i due blocchi scuri devono essere identici (lo controlla PaletteContrastTest);
 *  - ogni coppia testo/sfondo deve passare WCAG AA (lo controlla PaletteContrastTest).
 */

/* Figtree (SIL Open Font License), font variabile servito dal nostro server */
@font-face {
    font-family: "Figtree";
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url("../../fonts/figtree-latin.woff2?v=4ba7d3d096") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Figtree";
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url("../../fonts/figtree-latin-ext.woff2?v=bf7828e2c2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Chiaro */
:root[data-palette="pineta"] {
    --wk-font: "Figtree", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;

    --wk-bg: #f6f1e9;
    --wk-surface: #fffdf9;
    --wk-surface-2: #fbf7f0;
    --wk-border: #e3dacb;
    --wk-border-strong: #c9bea9;

    --wk-ink: #1e2a26;
    --wk-ink-muted: #56625d;
    --wk-ink-inverse: #ffffff;

    --wk-brand: #1f5c4a;
    --wk-brand-hover: #174638;
    --wk-brand-soft: #dcebe3;
    --wk-accent: #a3461f;
    --wk-accent-soft: #f8e7de;

    --wk-success: #2a7148;
    --wk-success-soft: #e2f1e7;
    --wk-warning: #8a5a00;
    --wk-warning-soft: #fbf0d6;
    --wk-danger: #a8261e;
    --wk-danger-soft: #f9e3e0;
    --wk-info: #2c5a78;
    --wk-info-soft: #e0ebf2;
    --wk-focus: #a3461f;

    --wk-shadow: 0 1px 2px rgba(30, 42, 38, 0.06), 0 2px 8px rgba(30, 42, 38, 0.06);
    --wk-shadow-lg: 0 8px 32px rgba(30, 42, 38, 0.18);
    --wk-overlay: rgba(18, 23, 21, 0.45);

    color-scheme: light;
}

/* Scuro automatico (preferenza del sistema), se l'utente non ha forzato il chiaro */
@media (prefers-color-scheme: dark) {
    :root[data-palette="pineta"]:not([data-theme="light"]) {
        --wk-bg: #121715;
        --wk-surface: #1a211e;
        --wk-surface-2: #1f2724;
        --wk-border: #2c3632;
        --wk-border-strong: #3c4843;

        --wk-ink: #e7ece9;
        --wk-ink-muted: #a3b0aa;
        --wk-ink-inverse: #0f1412;

        --wk-brand: #6cc0a5;
        --wk-brand-hover: #87d0b8;
        --wk-brand-soft: #1e3a32;
        --wk-accent: #e59069;
        --wk-accent-soft: #3a2519;

        --wk-success: #6fcf97;
        --wk-success-soft: #1b3326;
        --wk-warning: #f0c060;
        --wk-warning-soft: #362a10;
        --wk-danger: #f08a80;
        --wk-danger-soft: #3a1c19;
        --wk-info: #8ec0e0;
        --wk-info-soft: #1b2d3a;
        --wk-focus: #e59069;

        --wk-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        --wk-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
        --wk-overlay: rgba(0, 0, 0, 0.6);

        color-scheme: dark;
    }
}

/* Scuro forzato dall'utente: stessi valori del blocco precedente */
:root[data-palette="pineta"][data-theme="dark"] {
    --wk-bg: #121715;
    --wk-surface: #1a211e;
    --wk-surface-2: #1f2724;
    --wk-border: #2c3632;
    --wk-border-strong: #3c4843;

    --wk-ink: #e7ece9;
    --wk-ink-muted: #a3b0aa;
    --wk-ink-inverse: #0f1412;

    --wk-brand: #6cc0a5;
    --wk-brand-hover: #87d0b8;
    --wk-brand-soft: #1e3a32;
    --wk-accent: #e59069;
    --wk-accent-soft: #3a2519;

    --wk-success: #6fcf97;
    --wk-success-soft: #1b3326;
    --wk-warning: #f0c060;
    --wk-warning-soft: #362a10;
    --wk-danger: #f08a80;
    --wk-danger-soft: #3a1c19;
    --wk-info: #8ec0e0;
    --wk-info-soft: #1b2d3a;
    --wk-focus: #e59069;

    --wk-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    --wk-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
    --wk-overlay: rgba(0, 0, 0, 0.6);

    color-scheme: dark;
}