/*
 * Palette "Posidonia" (20/10/2026) — dal mock-up "D3" piaciuto a Yuriy.
 * Verde profondo come la posidonia del mare di Maiorca per le azioni, blu per gli accenti,
 * base bianca e grigio-azzurra; schede quasi senza bordo, separate da ombre leggere. Font Inter.
 *
 * Regole: come pineta.css (solo variabili di ruolo, tre blocchi, scuri identici, WCAG AA).
 */

/* Inter (SIL Open Font License), font variabile servito dal nostro server */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../../fonts/inter-latin.woff2?v=3100e775e8") 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: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../../fonts/inter-latin-ext.woff2?v=34b9c504ca") 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="posidonia"] {
    --wk-font: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;

    --wk-bg: #f5f7fa;
    --wk-surface: #ffffff;
    --wk-surface-2: #f6f8fb;
    --wk-border: #e3e9f0;
    --wk-border-strong: #c3ccd6;

    --wk-ink: #0b1c30;
    --wk-ink-muted: #4a5663;
    --wk-ink-inverse: #ffffff;

    --wk-brand: #0f4c3a;
    --wk-brand-hover: #0a3a2c;
    --wk-brand-soft: #dcefe6;
    --wk-accent: #2c4a78;
    --wk-accent-soft: #e5eeff;

    --wk-success: #1d6a45;
    --wk-success-soft: #dcf2e6;
    --wk-warning: #7a5200;
    --wk-warning-soft: #fdf3dc;
    --wk-danger: #b3191a;
    --wk-danger-soft: #ffe6e3;
    --wk-info: #2c4a78;
    --wk-info-soft: #e5eeff;
    --wk-focus: #2c4a78;

    --wk-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 2px 10px rgba(11, 28, 48, 0.06);
    --wk-shadow-lg: 0 10px 32px rgba(11, 28, 48, 0.16);
    --wk-overlay: rgba(11, 28, 48, 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="posidonia"]:not([data-theme="light"]) {
        --wk-bg: #0e141b;
        --wk-surface: #151d26;
        --wk-surface-2: #1a232e;
        --wk-border: #243040;
        --wk-border-strong: #34445a;

        --wk-ink: #e6edf5;
        --wk-ink-muted: #a3b1c2;
        --wk-ink-inverse: #08120e;

        --wk-brand: #7bd8b1;
        --wk-brand-hover: #97f5cc;
        --wk-brand-soft: #133528;
        --wk-accent: #a9c3ef;
        --wk-accent-soft: #1b2a42;

        --wk-success: #6fd39f;
        --wk-success-soft: #13301f;
        --wk-warning: #f0c060;
        --wk-warning-soft: #352a10;
        --wk-danger: #ff8a80;
        --wk-danger-soft: #3d1a18;
        --wk-info: #a9c3ef;
        --wk-info-soft: #1b2a42;
        --wk-focus: #a9c3ef;

        --wk-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
        --wk-shadow-lg: 0 10px 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="posidonia"][data-theme="dark"] {
    --wk-bg: #0e141b;
    --wk-surface: #151d26;
    --wk-surface-2: #1a232e;
    --wk-border: #243040;
    --wk-border-strong: #34445a;

    --wk-ink: #e6edf5;
    --wk-ink-muted: #a3b1c2;
    --wk-ink-inverse: #08120e;

    --wk-brand: #7bd8b1;
    --wk-brand-hover: #97f5cc;
    --wk-brand-soft: #133528;
    --wk-accent: #a9c3ef;
    --wk-accent-soft: #1b2a42;

    --wk-success: #6fd39f;
    --wk-success-soft: #13301f;
    --wk-warning: #f0c060;
    --wk-warning-soft: #352a10;
    --wk-danger: #ff8a80;
    --wk-danger-soft: #3d1a18;
    --wk-info: #a9c3ef;
    --wk-info-soft: #1b2a42;
    --wk-focus: #a9c3ef;

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

    color-scheme: dark;
}