/* base.css — reset leggero + tipografia + variabili principali */

:root{
  /* Palette tema porpora (Innovando Tech/Support) */
  --bg-1:#2a0a35;            /* deep plum */
  --bg-2:#6e0f7c;            /* porpora principale */
  --overlay-1:rgba(0,0,0,.20);
  --overlay-2:rgba(0,0,0,.30);

  /* Superficie card / testi */
  --card:rgba(255,255,255,.10);
  --txt:#ffffff;
  --muted:#e5d2ea;
  --accent:#8a20a8;

  /* UI */
  --radius-xl:18px;
  --shadow-xl:0 20px 60px rgba(0,0,0,.45);
  --shadow-sm:0 6px 20px rgba(0,0,0,.25);
  --grid-gap:clamp(14px,2.5vw,20px);

  --btn-bg:rgba(255,255,255,.12);
  --btn-border:rgba(255,255,255,.28);
}

*{ box-sizing:border-box }
html{ overflow-y:scroll; scrollbar-gutter:stable both-edges }
body{
  margin:0;
  font-family:'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--txt);
  min-height:100svh;
}

/* Tipografia base */
h1,h2,h3{ line-height:1.2; margin:0 }
p{ line-height:1.7; margin:0 }

/* Link */
a{ color:#fff; text-underline-offset:3px }

/* Utility accessibilità */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}