/* TrakCorp base element styles + the two shared keyframes. */

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--bg-void);
  color: var(--text-primary);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }

a { color: var(--text-primary); text-decoration: none; transition: color var(--duration-fast) var(--ease-premium); }
a:hover { color: var(--accent-green); }

::selection { background: hsl(142 76% 36% / 0.35); color: #fff; }

input::placeholder, textarea::placeholder { color: hsl(0 0% 100% / 0.35); }

@keyframes fadeUp { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }