:root {
    --color-primary: #163b74;
    --color-primary-light: #2457a7;
    --color-background: #f5f7fa;
    --color-card: #ffffff;
    --color-border: #e5e7eb;
    --color-text: #172033;
    --color-muted: #7a8495;
    --color-success: #3cb371;
    --color-danger: #e74c3c;
    --color-warning: #f59e0b;

    --radius-small: 12px;
    --radius-medium: 18px;
    --radius-large: 24px;

    --shadow-card: 0 10px 30px rgba(22, 59, 116, 0.08);
}

* {
    box-sizing: border-box;
}

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

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

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

    color: var(--color-text);

    background:
        linear-gradient(
            180deg,
            #eef3fb 0,
            var(--color-background) 220px
        );
}

a {
    color: inherit;
    text-decoration: none;
}

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