/* Custom Design System — Ing. Ladislav Čížek */

:root {
    --color-primary: #0369a1;
    --color-primary-dark: #075985;
    --color-accent: #d97706;
    --font-sans: 'DM Sans', system-ui, -apple-system, sans-serif;
    --font-serif: 'DM Serif Display', Georgia, serif;
}

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

body {
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.font-serif {
    font-family: var(--font-serif);
}

.font-sans {
    font-family: var(--font-sans);
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 5rem;
}

/* Selection */
::selection {
    background-color: #bae6fd;
    color: #0c4a6e;
}

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

/* Navbar shrink on scroll */
.navbar-scrolled {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* Card hover lift */
.group:hover {
    transform: translateY(-2px);
}

/* Image optimization */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Form focus states */
input:focus,
textarea:focus {
    border-color: var(--color-primary) !important;
}

/* Mobile touch targets */
@media (max-width: 640px) {
    a, button {
        min-height: 44px;
        min-width: 44px;
    }
    
    .nav-link {
        padding: 0.875rem 1rem;
    }
}

/* Print styles */
@media print {
    nav, footer, form {
        display: none !important;
    }
    
    section {
        break-inside: avoid;
    }
}