/* Reset a základní CSS custom properties (barvy/opacity škála, typografie, spacing). */

:root {
    color-scheme: light dark;

    --color-bg: #eef1f5;
    --color-text: #1c1c1e;
    --color-text-muted: rgba(28, 28, 30, 0.6);
    --color-accent: #0a84ff;
    --color-danger: #ff453a;

    --glass-bg: rgba(255, 255, 255, 0.55);
    --glass-border: rgba(255, 255, 255, 0.35);
    --glass-blur: 20px;

    --radius-lg: 20px;
    --radius-md: 12px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;

    --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-bg: #1c1c1e;
        --color-text: #f2f2f7;
        --color-text-muted: rgba(242, 242, 247, 0.6);
        --glass-bg: rgba(40, 40, 42, 0.55);
        --glass-border: rgba(255, 255, 255, 0.08);
    }
}

*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    font-family: var(--font-sans);
    color: var(--color-text);
    background: var(--color-bg);
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
}

button, input {
    font: inherit;
    color: inherit;
}