:root {
    --brand-primary: #d97706;
    --brand-primary-hover: color-mix(in srgb, var(--brand-primary) 82%, black);
    --brand-primary-tint: color-mix(in srgb, var(--brand-primary) 15%, white);
    --brand-primary-ring: color-mix(in srgb, var(--brand-primary) 15%, transparent);
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
    margin: 0;
    font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: #eef0f3;
    color: #1a1a1a;
}