@import url("tokens/fonts.css");
@import url("tokens/colors.css");
@import url("tokens/typography.css");
@import url("tokens/spacing.css");
@import url("tokens/radius.css");
@import url("tokens/elevation.css");
@import url("tokens/motion.css");
@import url("tokens/base.css");
@import url("components.css");

html, body { margin:0; padding:0; background:var(--surface-page); }
body { font-family:var(--font-body); color:var(--text-body); -webkit-font-smoothing:antialiased; }
a { color:var(--text-link); text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px; }
a:hover { color:var(--text-link-hover); }
a:has(> img) { text-decoration:none; }
* { box-sizing:border-box; }
img { max-width: 100%; }
[hidden] { display: none !important; }

@keyframes gtRise { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
@keyframes gtRule { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation:none !important; transition:none !important; } }

.gt-anim-rise { animation: gtRise 460ms var(--ease-standard) both; }