:root {
    color-scheme: dark;

    --bg: #0b0b0d;
    --surface: #141417;
    --hover: #1b1b20;
    --border: rgba(255, 255, 255, .08);
    --text: #f5f5f7;
    --muted: #9b9ba3;

    --max: 680px;
    --radius: 16px;
    --space: 16px;

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    background: var(--bg);
}

body {
    min-height: 100vh;
    margin: 0;
    padding: 32px 20px;

    background:
        radial-gradient(
            circle at top,
            rgba(255, 255, 255, .06),
            transparent 34rem
        ),
        var(--bg);

    color: var(--text);

    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
}


/* =========================
   Lightning Background
========================= */

#lightning-background {
    position: fixed;
    inset: 0;

    width: 100vw;
    height: 100vh;

    pointer-events: none;

    z-index: 0;
}


/* Keep website content above lightning */

body > *:not(#lightning-background) {
    position: relative;
    z-index: 1;
}