:root {
    --font-body: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --text: #201335;
    --muted: #6b5b7f;
    --surface: #fff8f2;
    --surface-strong: #ffffff;
    --ink-on-bright: #151018;
    --pink: #ff4f9a;
    --coral: #ff7a59;
    --yellow: #ffd166;
    --mint: #00c2a8;
    --blue: #2f80ed;
    --shadow: 0 24px 70px rgba(41, 25, 59, 0.22);
}

html {
    min-height: 100%;
}

body {
    min-height: 100vh;
    min-height: 100svh;
    color: var(--text);
    font-family: var(--font-body);
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 209, 102, 0.9) 0 14rem, transparent 14.1rem),
        radial-gradient(circle at 88% 12%, rgba(0, 194, 168, 0.55) 0 12rem, transparent 12.1rem),
        linear-gradient(145deg, #fff0a8 0%, #ff8fab 42%, #7bdff2 100%);
}

button {
    cursor: pointer;
}

button:focus-visible,
input:focus-visible + .switch-track {
    outline: 4px solid rgba(47, 128, 237, 0.65);
    outline-offset: 5px;
}

.noscript {
    margin: 1rem;
    padding: 1rem;
    border-radius: 8px;
    background: #ffffff;
    color: var(--text);
}