@import url('../../shared/base.css');
:root{
  --font-heading:'Segoe UI',sans-serif;--font-body:'Segoe UI',sans-serif;
  --accent-1:#1f2937;--accent-2:#a855f7;--bg:#fafafa;--text:#1f2937;
  --header-bg:#fff;--nav-bg:#fff;--card-bg:#fff;--stats-bg:#f5f3ff;--border:#eee;
  --hero-bg:#1f2937;--hero-text:#fff;--footer-bg:#0f1115;
}
.btn-primary,.nav-cta{
  background:linear-gradient(120deg,#ff9a9e,#fad0c4,#a1c4fd,#c2e9fb,#ff9a9e);
  background-size:300% 300%;color:#111;animation:foil 5s linear infinite;border:none;
}
@keyframes foil{0%{background-position:0% 50%}100%{background-position:300% 50%}}
.btn-primary:hover{filter:saturate(1.3)}