@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* Barevné tokeny (--color-*) jsou v theme.css.php (generováno z data/theme_variants.json).
   Tady jen fonty a globální typografie — ty jsou napříč variantami konstantní. */
:root {
    --font-serif: 'Fraunces', Georgia, serif;
    --font-sans:  'Inter', system-ui, sans-serif;
    --font-mono:  'JetBrains Mono', ui-monospace, monospace;
}

body {
    font-family: var(--font-sans);
    font-feature-settings: "ss01", "kern";
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-serif);
    font-optical-sizing: auto;
}

.glass-panel {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}