:root{
  --color-primary:#1F2937;
  --color-secondary:#6B7280;
  --color-accent:#374151;
}

html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{font-family:'Work Sans',system-ui,sans-serif}

[data-animate]{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .6s ease-out,transform .6s ease-out
}
[data-animate].is-visible{
  opacity:1;
  transform:translateY(0)
}

.rotate-180{transform:rotate(180deg)}

::selection{
  background:rgba(31,41,55,.14);
  color:#111827;
}

.focus-ring:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(31,41,55,.14);
}

.glass-card{
  background:rgba(255,255,255,.7);
  border:1px solid rgba(229,231,235,.85);
  backdrop-filter:blur(10px);
}

.safe-tap{
  -webkit-tap-highlight-color: transparent;
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  [data-animate]{transition:none;transform:none;opacity:1}
}