.portal-theme-root,
.portal-theme-surface {
  font-family: var(--portal-font-sans);
  color: var(--portal-ink);
}

.portal-theme-root {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.72), transparent 32%),
    radial-gradient(circle at bottom right, var(--portal-accent-glow), transparent 28%),
    linear-gradient(180deg, var(--portal-bg-subtle) 0%, var(--portal-bg) 52%, var(--portal-bg-subtle) 100%);
}

.portal-card {
  border: 1px solid var(--portal-line);
  border-radius: var(--portal-radius-xl);
  background: color-mix(in srgb, var(--portal-surface) 92%, transparent);
  box-shadow: var(--portal-shadow-soft);
}

.portal-link {
  color: var(--portal-accent-strong);
  text-decoration: none;
}

.portal-link:hover {
  color: var(--portal-accent);
}