:root {
    --ink: #223467;
    --muted: #345784;
    --purple: #6A54BB;
    --lav: #8B92D6;
    --teal: #71BFD2;
    --bg: #E2E5F4;
    --card: #ffffff;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
    color: var(--ink);
    background:
        radial-gradient(1200px 800px at 20% 20%, rgba(113, 191, 210, 0.22), transparent 55%),
        radial-gradient(1000px 700px at 85% 25%, rgba(106, 84, 187, 0.22), transparent 55%),
        radial-gradient(900px 650px at 50% 90%, rgba(139, 146, 214, 0.22), transparent 55%),
        var(--bg);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 20px;
}