:root {
    --color-navy: #1d416a;
    --color-navy-dark: #122b47;
    --color-blue-light: #dee9f5;
    --color-background: #f4f7fb;
    --color-surface: #ffffff;
    --color-text: #172033;
    --color-text-muted: #64748b;
    --color-border: #d7e0eb;
    --color-error: #dc2626;
    --color-error-light: #fef2f2;
    --shadow-card: 0 18px 45px rgba(18, 43, 71, 0.12);
    --radius-large: 20px;
    --radius-medium: 14px;
    --radius-small: 10px;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
}

body {
    min-height: 100vh;
    margin: 0;
    background:
        radial-gradient(
            circle at top left,
            rgba(29, 65, 106, 0.12),
            transparent 34%
        ),
        var(--color-background);
    color: var(--color-text);
    font-family:
        "Segoe UI",
        Arial,
        sans-serif;
}

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

button {
    cursor: pointer;
}