/*
 * Palette "Calce" — predefinita dell'app ospite.
 * Base bianca come i muri a calce, blu-verde mare per testo e struttura,
 * corallo per l'azione principale, limone per gli stati in attesa. Font Manrope.
 *
 * Regole: come pineta.css (solo variabili di ruolo, tre blocchi, scuri identici, WCAG AA).
 */

/* Manrope (SIL Open Font License), font variabile servito dal nostro server */
@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("../../fonts/manrope-latin.woff2?v=a30ddcd349") 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: "Manrope";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("../../fonts/manrope-latin-ext.woff2?v=3911b66d9f") 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="calce"] {
    --wk-font: "Manrope", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;

    --wk-bg: #f3f6f5;
    --wk-surface: #ffffff;
    --wk-surface-2: #f8faf9;
    --wk-border: #dce3e1;
    --wk-border-strong: #b9c6c3;

    --wk-ink: #10262b;
    --wk-ink-muted: #4e6268;
    --wk-ink-inverse: #ffffff;

    --wk-brand: #b83a24;
    --wk-brand-hover: #9a2f1b;
    --wk-brand-soft: #fceae4;
    --wk-accent: #0e5866;
    --wk-accent-soft: #d6ecec;

    --wk-success: #1e7048;
    --wk-success-soft: #dff1e6;
    --wk-warning: #7a5600;
    --wk-warning-soft: #fbebc2;
    --wk-danger: #b0202f;
    --wk-danger-soft: #fbe2e4;
    --wk-info: #0e5866;
    --wk-info-soft: #d6ecec;
    --wk-focus: #0e5866;

    --wk-shadow: 0 1px 2px rgba(16, 38, 43, 0.06), 0 2px 8px rgba(16, 38, 43, 0.06);
    --wk-shadow-lg: 0 8px 32px rgba(16, 38, 43, 0.18);
    --wk-overlay: rgba(12, 26, 30, 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="calce"]:not([data-theme="light"]) {
        --wk-bg: #0c1a1e;
        --wk-surface: #12242a;
        --wk-surface-2: #172d34;
        --wk-border: #233b42;
        --wk-border-strong: #36535a;

        --wk-ink: #e5eeee;
        --wk-ink-muted: #9db2b6;
        --wk-ink-inverse: #0c1a1e;

        --wk-brand: #f28a72;
        --wk-brand-hover: #f6a592;
        --wk-brand-soft: #3b201a;
        --wk-accent: #5ec4d0;
        --wk-accent-soft: #113940;

        --wk-success: #6fcf97;
        --wk-success-soft: #173326;
        --wk-warning: #f2c14e;
        --wk-warning-soft: #33290c;
        --wk-danger: #f48fa0;
        --wk-danger-soft: #3b1a20;
        --wk-info: #5ec4d0;
        --wk-info-soft: #113940;
        --wk-focus: #5ec4d0;

        --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="calce"][data-theme="dark"] {
    --wk-bg: #0c1a1e;
    --wk-surface: #12242a;
    --wk-surface-2: #172d34;
    --wk-border: #233b42;
    --wk-border-strong: #36535a;

    --wk-ink: #e5eeee;
    --wk-ink-muted: #9db2b6;
    --wk-ink-inverse: #0c1a1e;

    --wk-brand: #f28a72;
    --wk-brand-hover: #f6a592;
    --wk-brand-soft: #3b201a;
    --wk-accent: #5ec4d0;
    --wk-accent-soft: #113940;

    --wk-success: #6fcf97;
    --wk-success-soft: #173326;
    --wk-warning: #f2c14e;
    --wk-warning-soft: #33290c;
    --wk-danger: #f48fa0;
    --wk-danger-soft: #3b1a20;
    --wk-info: #5ec4d0;
    --wk-info-soft: #113940;
    --wk-focus: #5ec4d0;

    --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;
}