:root {
    --bg: #ffffff;
    --surface: #ffffff;
    --surface-strong: #ffffff;
    --line: rgba(15, 23, 42, 0.12);
    --ink: #172435;
    --muted: #5f6e7f;
    --teal: #0f766e;
    --amber: #d97706;
    --ok: #15803d;
    --danger: #b42318;
}

* {
    box-sizing: border-box;
}

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

body.app-body {
    min-height: 100vh;
    background: #ffffff;
    color: var(--ink);
    font-family: "Segoe UI", "Avenir Next", "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    color: inherit;
}