:root {
    --brand: #ed5a36;
    --brand-2: #c83f21;
    --accent: #ff7755;
    --bg: #f5f3ee;
    --surface: #fbfaf7;
    --surface-2: #ece9e1;
    --text: #171816;
    --muted: #686a64;
    --border: #d9d6cd;
    --grad: linear-gradient(135deg, #ed5a36, #c83f21);
    --advice-serif: Georgia, "Times New Roman", serif;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--text);
    background:
        radial-gradient(circle at 7% 3%, color-mix(in srgb, var(--brand) 8%, transparent), transparent 29rem),
        var(--bg);
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
}