:root {
    --color-bg: #f9fafc;
    --color-white: #ffffff;
    --color-primary: #0a53be;
    --color-primary-light: #e7efff;
    --color-text: #222;
    --color-muted: #888;
    --color-border: #dfe3e8;
    --radius: 12px;
    --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.05);
    --transition: 0.25s ease;
    --font-main: 'Inter', 'Raleway', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    font-family: var(--font-main);
    background-color: var(--color-bg);
    color: var(--color-text);
    height: 100%;
}

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: var(--transition);
}



button {
    font-family: var(--font-main);
    cursor: pointer;
    transition: var(--transition);
}