:root{
  --nordic:#F8F9FD;
  --graphite:#0F172A;
  --graphite-2:#1E293B;
  --graphite-3:#334155;
  --kinetic:#4F46E5;
  --kinetic-d:#4338CA;
  --kinetic-gl:rgba(79,70,229,0.12);
  --coral:#FF6B6B;
  --coral-d:#FF4D4D;
  --coral-gl:rgba(255,107,107,0.15);
  --emerald:#10B981;
  --subtle:#E2E8F0;
  --muted:#64748B;
  --white:#FFFFFF;
  --glass:rgba(248,249,253,0.7);
  --edge:rgba(15,23,42,0.08);
  --metal:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(248,249,253,0.85));
  --shadow-xs:0 1px 2px rgba(15,23,42,0.06);
  --shadow-sm:0 1px 3px rgba(15,23,42,0.08), 0 4px 12px rgba(15,23,42,0.05);
  --shadow-md:0 4px 8px rgba(15,23,42,0.06), 0 12px 32px rgba(15,23,42,0.07);
  --shadow-klo:0 4px 16px rgba(79,70,229,0.2), 0 16px 40px rgba(15,23,42,0.1);
  --shadow-press:inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(15,23,42,0.2);
}
*{box-sizing:border-box}
body{font-family:'Satoshi',-apple-system,BlinkMacSystemFont,sans-serif}
a{color:var(--kinetic)}
a:hover{color:var(--kinetic-d)}