/* Záložné štýly — fungujú aj keď Tailwind CDN zlyhá alebo custom farby nie sú načítané */

:root {
    color-scheme: dark;
    --color-matte: #0a0a0a;
    --color-surface: #141414;
    --color-surface-elevated: #1a1a1a;
    --color-border: rgba(255, 255, 255, 0.1);
    --color-text: #f5f5f5;
    --color-text-muted: #a3a3a3;
    --color-sky: #38bdf8;
    --color-sky-dark: #0284c7;
}

html {
    background-color: var(--color-matte);
}

body.font-sans {
    font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif;
    background-color: var(--color-matte);
    color: var(--color-text);
}

.bg-matte {
    background-color: var(--color-matte) !important;
}

.bg-black\/40,
header.border-b {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.text-white {
    color: #fff !important;
}

.text-gray-300 {
    color: #d4d4d4 !important;
}

.text-gray-400 {
    color: var(--color-text-muted) !important;
}

.text-gray-500 {
    color: #737373 !important;
}

.text-sky-400 {
    color: var(--color-sky) !important;
}

.border-white\/10 {
    border-color: var(--color-border) !important;
}

/* Tlačidlá */
.btn-primary {
    display: inline-block;
    background-color: var(--color-sky-dark);
    color: #fff !important;
    font-weight: 600;
}

.btn-primary:hover {
    background-color: #0369a1;
}

.btn-secondary {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff !important;
    background-color: transparent;
}

.btn-secondary:hover {
    border-color: rgba(255, 255, 255, 0.45);
    background-color: rgba(255, 255, 255, 0.05);
}

/* Navigácia */
.public-nav a {
    color: #d4d4d4;
}

.public-nav a:hover {
    color: #fff;
}

.public-nav .nav-cta {
    background-color: var(--color-sky-dark);
    color: #fff !important;
}

.public-nav .nav-admin {
    color: #525252;
}

.public-nav .nav-admin:hover {
    color: #a3a3a3;
}

/* Formuláre */
input,
textarea,
select {
    background-color: var(--color-matte);
    color: #fff;
    border: 1px solid var(--color-border);
}

input::placeholder,
textarea::placeholder {
    color: #737373;
}