/* StageMotion — allineamento delle pagine interne al sistema Linear (vedi DESIGN.md).
   Rimappa i token Tailwind usati dall'app sui gradini di superficie Linear:
   così app.js resta invariato e tutta la UI cambia pelle in un punto solo. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

:root {
  --canvas:#010102; --s1:#0f1011; --s2:#141516; --s3:#18191a;
  --line:#23252a; --line-strong:#34343a;
  --ink:#f7f8f8; --ink-muted:#d0d6e0; --ink-subtle:#8a8f98; --ink-tertiary:#62666d;
  --accent:#8159E6; --accent-hover:#9B7BEC; --success:#27a644;
}

body { font-family:'Inter', system-ui, sans-serif !important; background:var(--canvas) !important; color:var(--ink); -webkit-font-smoothing:antialiased; }
* { box-shadow:none !important; }

/* Superfici */
[class*="bg-gray-950"] { background-color:var(--canvas) !important; }
[class*="bg-gray-900"] { background-color:var(--s1) !important; }
[class*="bg-gray-800"] { background-color:var(--s2) !important; }
header[class*="bg-gray-900"] { background-color:rgba(1,1,2,.8) !important; backdrop-filter:blur(12px); }

/* Bordi */
[class*="border-gray-800"] { border-color:var(--line) !important; }
[class*="border-gray-700"] { border-color:var(--line-strong) !important; }
[class*="divide-gray-800"] > * + * { border-color:var(--line) !important; }

/* Testi */
[class*="text-gray-300"] { color:var(--ink-muted) !important; }
[class*="text-gray-400"] { color:var(--ink-subtle) !important; }
[class*="text-gray-500"] { color:var(--ink-subtle) !important; }
[class*="text-gray-600"] { color:var(--ink-tertiary) !important; }

/* Accento: dal grigio-indigo Tailwind al viola StageMotion */
[class*="bg-indigo-600"] { background-color:var(--accent) !important; }
.hover\:bg-indigo-500:hover, [class*="hover:bg-indigo-500"]:hover { background-color:var(--accent-hover) !important; }
[class*="text-indigo-300"], [class*="text-indigo-400"] { color:var(--accent-hover) !important; }
[class*="border-indigo-500"], [class*="border-indigo-400"] { border-color:var(--accent) !important; }
[class*="accent-indigo"] { accent-color:var(--accent) !important; }
.hover\:border-indigo-500:hover, [class*="hover:border-indigo-500"]:hover { border-color:var(--accent) !important; }

/* Verde di conferma Linear */
[class*="bg-emerald-600"] { background-color:var(--success) !important; }
.hover\:bg-emerald-500:hover, [class*="hover:bg-emerald-500"]:hover { background-color:#2fbf50 !important; }
[class*="border-emerald-600"], [class*="border-emerald-500"] { border-color:var(--success) !important; }

/* Titoli con il tracking stretto del sistema */
h1 { font-weight:600 !important; letter-spacing:-0.8px; }
h2 { font-weight:600 !important; letter-spacing:-0.5px; }

/* Spinner sul viola */
.spinner { border-top-color:var(--accent) !important; }