/* fa. Muličák — Custom Design System */

:root {
    --amber-primary: #f59e0b;
    --amber-light: #fbbf24;
    --amber-dark: #d97706;
    --stone-dark: #1c1917;
    --stone-mid: #292524;
}

/* Typography */
.font-display {
    font-family: 'Space Grotesk', sans-serif;
}

body {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.65;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

/* Selection */
::selection {
    background-color: rgba(245, 158, 11, 0.3);
    color: #1c1917;
}

/* Navigation blur */
nav {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

/* Hero image */
.hero-overlay {
    background: linear-gradient(135deg, rgba(28, 25, 23, 0.92) 0%, rgba(28, 25, 23, 0.6) 60%, rgba(28, 25, 23, 0.3) 100%);
}

/* Card hover effects */
.group:hover .group-hover\:bg-amber-100 {
    background-color: #fef3c7;
}

/* Subtle text shadow on hero */
section:first-of-type h1 {
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #1c1917;
}
::-webkit-scrollbar-thumb {
    background: #57534e;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #78716c;
}

/* Mobile menu animation */
#mobile-menu {
    transition: all 0.2s ease-in-out;
}

/* Image loading placeholder */
img {
    background-color: #e7e5e4;
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible {
    outline: 2px solid var(--amber-primary);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Print */
@media print {
    nav, footer { display: none; }
    section { break-inside: avoid; }
    body { background: white; color: black; }
}