/*
 * Noxurion Blog Simple v1
 * Pouze jemné barevné sladění s HELP_DESIGN/www/assets/css/app.css.
 * Rozměry, písmo, mezery a strukturu dál určuje původní my-theme.
 * Původní světlejší režim zůstává zachovaný.
 */
html.dark {
  --bg-primary: #263041;
  --bg-secondary: #1b2230;
  --text-main: #c7cfda;
  --heading-color: #f3f3f1;
  --color-heading: #f3f3f1;
  --color-text: #c7cfda;
  --color-accent: #f27b42;
  --color-orange-hover: #ffa477;
  --color-heading-hover: #ffa477;
  --tw-prose-counters: #c7cfda;
  --nox-divider: rgba(242, 123, 66, .5);
}

html.dark :is(h1, h2, h3, h4, h5, h6) {
  color: var(--heading-color) !important;
}

html.dark :is(h1, h2, h3, h4, h5, h6) a {
  color: inherit !important;
}

html.dark :is(h1, h2, h3, h4, h5, h6) a:hover {
  color: var(--color-heading-hover) !important;
}

html.dark .prose {
  --tw-prose-body: #c7cfda;
  --tw-prose-headings: #f3f3f1;
  --tw-prose-links: #f27b42;
  --tw-prose-bold: #f3f3f1;
  --tw-prose-counters: #c7cfda;
  --tw-prose-bullets: #c7cfda;
  --tw-prose-quotes: #f3f3f1;
  --tw-prose-quote-borders: #f27b42;
  --tw-prose-code: #f3f3f1;
  --tw-prose-pre-code: #c7cfda;
  --tw-prose-pre-bg: #1b2230;
}

html.dark .prose a {
  color: var(--color-accent);
}

html.dark .prose a:hover {
  color: var(--color-orange-hover) !important;
}

/* Zjemnění existujících dělicích čar; žádné nové rámečky kolem textu. */
html.dark .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--nox-divider) !important;
}

@media (min-width: 1280px) {
  html.dark .xl\:divide-gray-200 > :not([hidden]) ~ :not([hidden]),
  html.dark .xl\:border-gray-200,
  html.dark .xl\:dark\:border-gray-700 {
    border-color: var(--nox-divider) !important;
  }
}

html.dark .category a,
html.dark #scroll-up > a {
  background-color: #354157;
  color: var(--heading-color) !important;
}

html.dark .category a:hover,
html.dark #scroll-up > a:hover {
  background-color: #3d4961;
  color: var(--color-orange-hover) !important;
}

html.dark .search-form .rounded-2xl,
html.dark .menu-mobile > div:last-child {
  background-color: var(--bg-secondary);
}

html.dark .search-form input {
  color: var(--heading-color);
}

html.dark .search-form input::placeholder {
  color: var(--text-main);
  opacity: 1;
}

/* Viditelný focus bez změny velikosti ovládacích prvků. */
:is(a, button, input):focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 4px;
}

body > a[href="#main-content"]:focus {
  background: var(--bg-secondary) !important;
  color: var(--text-main) !important;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}