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

/* VARIABILE */
:root {
    --color-primary: #005bbb;
    --color-secondary: #0a2540;
    --color-accent: #00a8ff;

    --color-text: #222;
    --color-muted: #666;
    --color-bg: #ffffff;

    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 32px;
    --spacing-xl: 64px;

    --radius: 8px;
}

/* TYPO */
body {
    font-family: 'Inter', Arial, sans-serif;
    color: var(--color-text);
    background: var(--color-bg);
    line-height: 1.6;
}

h1, h2, h3 {
    font-weight: 600;
    margin-bottom: var(--spacing-sm);
}

p {
    color: var(--color-muted);
}