/* Palette, misure e superfici del marchio KSM. */
:root {
    /* Marchio: blu della testata e verde delle azioni. */
    --ksm-dark: #0B4662;
    --ksm-dark-deep: #07364D;
    --ksm-dark-soft: #15566F;
    --ksm-accent: #51A52C;
    --ksm-accent-dark: #428B23;
    --ksm-accent-light: #6FBF45;
    --ksm-accent-soft: #EAF5E4;
    --ksm-danger: #D92D36;

    /* Testo e superfici */
    --ksm-ink: #12344A;
    --ksm-body: #4E5F6B;
    --ksm-muted: #7F919D;
    --ksm-line: #E1E9EF;
    --ksm-line-soft: #EEF3F6;
    --ksm-surface: #FFFFFF;
    --ksm-canvas: #F5F8FA;

    /* Sfondi compositi */
    /* Altezze della testata: fascia scura sopra, barra bianca sotto. */
    --ksm-navbar-dark: 34px;
    --ksm-navbar-white: 64px;

    --ksm-gradient-brand: linear-gradient(115deg, #07364D 0%, #0B4662 55%, #15566F 100%);
    --ksm-gradient-accent: linear-gradient(135deg, var(--ksm-accent-light) 0%, var(--ksm-accent-dark) 100%);
    /* Righe diagonali appena accennate, usate come trama di fondo. */
    --ksm-stripes: repeating-linear-gradient(
        -58deg,
        rgba(255, 255, 255, .07) 0 2px,
        rgba(255, 255, 255, 0) 2px 22px
    );
    /* Fasce diagonali larghe dell'apertura e del piede, come nella testata. */
    --ksm-bands: linear-gradient(125deg,
        transparent 0 16%,
        rgba(81, 165, 44, .9) 16% 23%,
        transparent 23% 29%,
        rgba(38, 137, 113, .5) 29% 36%,
        transparent 36% 44%,
        rgba(255, 255, 255, .05) 44% 52%,
        transparent 52%);

    /* Forme */
    --ksm-radius-sm: 8px;
    --ksm-radius: 12px;
    --ksm-radius-lg: 18px;
    --ksm-radius-xl: 26px;
    --ksm-radius-pill: 999px;

    --ksm-shadow-xs: 0 1px 2px rgba(7, 54, 77, .06);
    --ksm-shadow: 0 4px 16px rgba(7, 54, 77, .08);
    --ksm-shadow-md: 0 12px 28px rgba(7, 54, 77, .11);
    --ksm-shadow-lg: 0 24px 60px rgba(7, 54, 77, .16);
    --ksm-ring: 0 0 0 3px rgba(81, 165, 44, .28);

    --ksm-width: 1320px;
    --ksm-gap: 24px;

    --ksm-ease: cubic-bezier(.2, .7, .3, 1);

    --ksm-font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
    --ksm-font-display: "Montserrat", "Segoe UI", system-ui, sans-serif;
    --ksm-font-script: "Caveat", "Segoe Script", cursive;
}