:root {
    color-scheme: light;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-family-base), sans-serif;
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 24%),
        radial-gradient(circle at bottom left, rgba(20, 184, 166, 0.06), transparent 22%),
        var(--color-background);
}

a,
button {
    transition: all 160ms ease;
}

img {
    display: block;
}

.theme-card {
    background: var(--color-surface);
    border-radius: var(--radius-base);
    box-shadow: var(--shadow-base);
}