@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
    --primary: #4f72bb;
    --danger: #e25757;
    --success: #49b675;
    --bg: #f5f7fb;
    --card: #ffffff;
    --text: #151515;
    --muted: #777777;
    --line: #ecebe7;
    --accent: #f4c542;
    --surface-muted: #ebe9e3;
    --success-soft: #e8f6ee;
    --danger-soft: #f1d7d6;
    --shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    --shadow-strong: 0 12px 24px rgba(0, 0, 0, 0.14);
    --radius-sm: 14px;
    --radius-md: 18px;
    --radius-pill: 999px;
    --app-width: 430px;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
}

body {
    margin: 0;
    min-height: 100%;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    background: var(--bg);
    color: var(--text);
}

a {
    color: inherit;
}

button,
input {
    font: inherit;
}