:root {
    --green: #34c759;
    --green-pressed: #2fba50;
    --blue: #007aff;
    --text: #000000;
    --body: #111111;
    --hint: #aeaeb2;
    --muted: #8e8e93;
    --border: #e5e5ea;
    --surface: #ffffff;
    --surface-secondary: #f2f2f7;
    --danger: #ff3b30;
    --radius: 14px;
    --radius-pill: 999px;
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html {
    background: var(--surface);
}

body {
    background: var(--surface);
    color: var(--text);
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;
    min-height: 100vh;
    min-height: 100dvh;
    -webkit-font-smoothing: antialiased;
    overscroll-behavior: none;
}

::selection {
    background: rgba(52, 199, 89, 0.25);
}