/* Syfröst — minimal base + utility classes for gradient text and keyframes used by components. */
body { font: var(--body-default); color: var(--text-body); background: var(--surface-page); -webkit-font-smoothing: antialiased; }
a { color: var(--text-link); text-decoration: none; }
a:hover { color: var(--text-link-hover); }
:focus-visible { outline: var(--interaction-focus-ring-width) solid var(--focus-ring); outline-offset: var(--interaction-focus-ring-offset); }
.syf-vivid-text { background: var(--gradient-royal-linear); -webkit-background-clip: text; background-clip: text; color: transparent; }
.syf-ice-text { background: var(--gradient-ice-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
@keyframes syf-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes syf-shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
@keyframes syf-rise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes syf-spin { to { transform: rotate(360deg); } }