/* css/shared.css - ShadowCraft Global Styles - Works in preview & localhost */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --bg:#080A12;
  --card:#151A28;
  --border:#1E293B;
  --neon:#9FE870;
  --purple:#8B5CF6;
}

*{box-sizing:border-box}
body{
  background:var(--bg);
  color:white;
  font-family:Inter,sans-serif;
  margin:0;
  -webkit-font-smoothing:antialiased;
}
.text-grad{
  background:linear-gradient(90deg,var(--neon) 0%,var(--purple) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.code-card{
  background:linear-gradient(180deg,#151A28 0%,#0F1422 100%);
  border:1px solid var(--border);
}
.neon-border{border:1px solid rgba(159,232,112,0.2)}
.neon-bg{background:var(--neon); color:black}
.neon-text{color:var(--neon)}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#080A12}
::-webkit-scrollbar-thumb{background:#1E293B;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#9FE870}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
</style>