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

:root {
    --primary: #e83e74;
    --primary-dark: #c8245a;
    --primary-soft: #fff0f5;

    --secondary: #63265e;
    --secondary-dark: #381535;

    --background: #f8f7fa;
    --surface: #ffffff;

    --text: #211c25;
    --text-muted: #716b75;

    --border: #e7e2e8;
    --danger: #c62828;
    --danger-soft: #fff1f1;
    --success: #137a4a;
    --success-soft: #edfff6;

    --shadow:
        0 20px 55px rgba(39, 18, 43, 0.12);

    --radius-small: 10px;
    --radius-medium: 16px;
    --radius-large: 26px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;

    font-family:
        "Inter",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    color: var(--text);
    background: var(--background);
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

a {
    color: var(--primary-dark);
    font-weight: 600;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

button {
    cursor: pointer;
}

.install-app-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 44px;
    padding: 0 16px;

    border: 0;
    border-radius: 11px;

    color: #ffffff;
    font-size: 13px;
    font-weight: 700;

    cursor: pointer;

    background:
        linear-gradient(
            135deg,
            var(--primary),
            var(--primary-dark)
        );
}

.install-app-button[hidden] {
    display: none;
}