/* c/osobni projekty/muj web/style.css */

/* ===== DARK MODE OVERRIDES ===== */

/* Pozadí */
.dark body                          { background-color: #09090b; color: #f1f5f9; }
.dark .bg-tech-dark                 { background-color: #09090b; }
.dark .bg-tech-surface              { background-color: #18181b; }
.dark .bg-slate-50                  { background-color: #27272a; }
.dark .bg-slate-100                 { background-color: rgba(255,255,255,0.07); }

/* Navigace */
.dark nav                           { background-color: rgba(9,9,11,0.9); border-color: rgba(255,255,255,0.08); }

/* Text */
.dark .text-tech-text               { color: #f1f5f9; }
.dark .text-tech-text\/70           { color: rgba(241,245,249,0.7); }
.dark .text-tech-gray               { color: #a1a1aa; }
.dark .text-slate-500               { color: #71717a; }

/* Borders */
.dark .border-slate-200             { border-color: rgba(255,255,255,0.1); }
.dark .border-slate-100             { border-color: rgba(255,255,255,0.06); }

/* Stíny */
.dark .shadow-sm                    { box-shadow: 0 1px 3px rgba(0,0,0,0.6); }

/* Hover stavy nav */
.dark .hover\:bg-slate-100:hover    { background-color: rgba(255,255,255,0.07); }
.dark .hover\:text-tech-text:hover  { color: #f1f5f9; }

/* Formulář */
.dark input, .dark textarea         { background-color: #27272a; color: #f1f5f9; border-color: rgba(255,255,255,0.1); }
.dark input::placeholder,
.dark textarea::placeholder         { color: #52525b; }

/* Badge "↗ otevřít web" na kartě projektu */
.dark .bg-white\/80                 { background-color: rgba(24,24,27,0.85); color: #a1a1aa; }

/* Kurzor — v tmavém režimu mix-blend-screen */
.dark #cursor-dot                   { mix-blend-mode: screen; }

/* Mřížka — tmavý režim (vyšší viditelnost) */
.dark .bg-grid-pattern {
    background-image: linear-gradient(to right, rgba(139,92,246,0.25) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(139,92,246,0.25) 1px, transparent 1px);
}

/* Toggle tlačítko */
.dark #theme-toggle                 { border-color: rgba(255,255,255,0.1); color: #a1a1aa; }
.dark #theme-toggle:hover           { border-color: rgba(139,92,246,0.5); color: #8b5cf6; }

/* Vlastní styl pro mřížku pozadí */
.bg-grid {
    background-size: 40px 40px;
    mask-image: linear-gradient(to bottom, transparent, 10%, white, 90%, transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, 5%, white, 95%, transparent);
}

/* Spotlight efekt pro grid */
.spotlight-mask {
    mask-image: radial-gradient(40rem circle at var(--mouse-x, 50%) var(--mouse-y, 50%), black 0%, transparent 100%);
    -webkit-mask-image: radial-gradient(40rem circle at var(--mouse-x, 50%) var(--mouse-y, 50%), black 0%, transparent 100%);
}

/* Animace kurzoru — nastavuje JS až když je kurzor připraven */
body.custom-cursor { cursor: none; }
body.custom-cursor a,
body.custom-cursor button,
body.custom-cursor .tilt-card { cursor: none; }

/* Scroll Reveal animace */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}