/* FILE: /v2/include/css/01-base.css
   COSA FA:
   Stili base globali /v2.
   Include reset leggero, body, tipografia base, utility accessibilità.
   Usa variabili template per supportare temi chiari/scuri.
*/

html{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    scroll-behavior:smooth;
}

body{
    background:
        radial-gradient(
            circle at top right,
            color-mix(in srgb, var(--cm-primary) 8%, transparent),
            transparent 28%
        ),
        var(--cm-bg);
    color:var(--cm-text);
}

*{
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
}

button,
input,
optgroup,
select,
textarea{
    font-size:small;
}

.navbar{
    box-shadow:var(--cm-shadow-md);
}

.card{
    background:var(--cm-card);
    color:var(--cm-text);
    border-radius:var(--cm-card-radius);
    box-shadow:var(--cm-shadow-md);
    border:1px solid var(--cm-border);
}

.muted,
.text-muted{
    color:var(--cm-muted) !important;
}

.muted{
    font-size:.95rem;
}

a{
    color:var(--cm-primary-dark);
}

a:hover{
    color:var(--cm-primary);
}

.form-control{
    background:var(--cm-card);
    color:var(--cm-text);
    border-color:var(--cm-line);
}

.form-control:focus{
    background:var(--cm-card);
    color:var(--cm-text);
    border-color:var(--cm-primary);
    box-shadow:0 0 0 .2rem color-mix(in srgb, var(--cm-primary) 18%, transparent);
}

.form-control::placeholder{
    color:var(--cm-muted);
}

.modal-content{
    background:var(--cm-card);
    color:var(--cm-text);
    border:1px solid var(--cm-line);
}

.modal-header,
.modal-footer{
    border-color:var(--cm-line);
}

.table{
    color:var(--cm-text);
}

.table-striped tbody tr:nth-of-type(odd){
    background-color:color-mix(in srgb, var(--cm-bg-soft) 72%, transparent);
}

.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
}