:root
{
    --ink: #0E1726;
    --ink-soft: #3B4453;
    --muted: #5B6474;
    --accent: #D8452A;
    --cream: #FBF3E8;
    --bubble: #F4EDE4;
    --line: #EFE7DD;
    --field: #CFC6BA;
    --surface: #FFFFFF;
}

*,
*::before,
*::after
{
    box-sizing: border-box;
}

html,
body
{
    margin: 0;
    padding: 0;
}

body
{
    font-family: system-ui, sans-serif;
    line-height: 1.5;
    color-scheme: light;
    background: var(--surface);
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
}