body[data-theme="light"] {
    --bg: #f6f3ff;
    --bg2: #fff;
    --fg: #1c1344;
    --muted: #5d5a77;
    --hairline: rgba(28, 19, 68, .12);
    --card: hsla(0, 0%, 100%, .76);
    --cardStroke: rgba(124, 92, 255, .16);
    --shadow: rgba(28, 19, 68, .18);
    --primary: #7c5cff;
    --secondary: #ff4fd8;
    --accent: #22d3ee;
    --primaryText: #fff;
    --radius: 28px;
    --max: 1120px;
    --hero-glow: rgba(124, 92, 255, .18);
    --hero-glow-strong: rgba(255, 79, 216, .22);

    background:
        radial-gradient(1000px 700px at 10% 10%, var(--hero-glow), transparent 60%),
        radial-gradient(900px 700px at 90% 15%, var(--hero-glow-strong), transparent 52%),
        linear-gradient(180deg, var(--bg2), var(--bg));
    background-attachment: fixed;
    color: var(--fg);
    font-family: Inter, "Inter Fallback: BlinkMacSystemFont", "Inter Fallback: Segoe UI", "Inter Fallback: Helvetica Neue", "Inter Fallback: Arial", "Inter Fallback: Noto Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -.01em;
}

body[data-theme="dark"] {
    --bg: #0f172a;
    --bg2: #15113b;
    --fg: #f5f3ff;
    --muted: #c0b9ee;
    --hairline: rgba(167, 139, 250, .18);
    --card: rgba(21, 17, 59, .72);
    --cardStroke: rgba(167, 139, 250, .18);
    --shadow: rgba(2, 6, 23, .58);
    --primary: #a78bfa;
    --secondary: #ff4fd8;
    --accent: #22d3ee;
    --primaryText: #fff;
    --radius: 28px;
    --max: 1120px;
    --hero-glow: rgba(167, 139, 250, .2);
    --hero-glow-strong: rgba(34, 211, 238, .2);

    background:
        radial-gradient(1000px 700px at 10% 10%, var(--hero-glow), transparent 60%),
        radial-gradient(900px 700px at 90% 15%, var(--hero-glow-strong), transparent 52%),
        linear-gradient(180deg, var(--bg2), var(--bg));
    background-attachment: fixed;
    color: var(--fg);
    font-family: Inter, "Inter Fallback: BlinkMacSystemFont", "Inter Fallback: Segoe UI", "Inter Fallback: Helvetica Neue", "Inter Fallback: Arial", "Inter Fallback: Noto Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -.01em;
}

#p-home {
    background-color: unset;
}