/* GENERATED by scripts/generate_dark_theme.py - do not edit by hand.
   Change the light stylesheets (or the tokens in the generator) and re-run it. */

@media screen {
  html[data-theme="dark"] {
    color-scheme: dark;
    --bg: #121a21;
    --surface: #1b252e;
    --text: #e5ebf0;
    --muted: #a6b2bd;
    --line: #34424e;
    --primary-dark: #86d1c8;
    --amber: #f0a35e;
    --shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
  }

  /* projects/aplikacni-software/static/css/style.css */
  :where(html[data-theme="dark"]) body {
    background: var(--bg);
    color: var(--text);
  }
  :where(html[data-theme="dark"]) a {
    color: var(--primary-dark);
  }
  :where(html[data-theme="dark"]) main a:focus-visible, :where(html[data-theme="dark"]) .skip-link:focus-visible {
    outline: 3px solid rgba(15, 118, 110, 0.28);
  }
  :where(html[data-theme="dark"]) .skip-link {
    background: #0b5651;
    color: #fff;
  }
  :where(html[data-theme="dark"]) .home-hero {
    background: linear-gradient(180deg, #1d2734 0%, #202a39 100%);
  }
  :where(html[data-theme="dark"]) .lead {
    color: var(--primary-dark);
  }
  :where(html[data-theme="dark"]) .eyebrow {
    color: var(--amber);
  }
  :where(html[data-theme="dark"]) .hero-media img {
    box-shadow: var(--shadow);
  }
  :where(html[data-theme="dark"]) .block-card {
    border: 1px solid rgba(176, 245, 240, 0.38);
    background: var(--surface);
    box-shadow: 0 8px 24px rgba(31, 41, 51, 0.04);
    color: var(--text);
  }
  :where(html[data-theme="dark"]) .block-card:hover {
    box-shadow: var(--shadow);
  }
  :where(html[data-theme="dark"]) .block-title {
    color: inherit;
  }
  :where(html[data-theme="dark"]) .block-text {
    color: var(--muted);
  }
  :where(html[data-theme="dark"]) .block-link {
    color: var(--primary-dark);
  }
  :where(html[data-theme="dark"]) .block-empty {
    color: var(--muted);
  }
  :where(html[data-theme="dark"]) .site-footer {
    color: var(--muted);
    border-top: 1px solid var(--line);
    background: #1d2734;
  }

  /* static/css/site-header.css */
  :where(html[data-theme="dark"]) .site-header {
    --surface: #1d2734;
    --primary: #234d8b;
    --primary-dark: #bad0ef;
    --primary-hover: #183965;
    --primary-soft: #1b2841;
    --accent: #6aa8ff;
    --text: #d5dde7;
    --muted: #b6bfca;
    --border: #2f3b4e;
    --shadow: 0 18px 35px rgba(26, 35, 56, 0.08);
    background: rgba(32, 42, 57, 0.9);
    border-bottom: 1px solid rgba(47, 59, 78, 0.9);
    color: var(--text);
  }
  :where(html[data-theme="dark"]) .site-header a {
    color: inherit;
  }
  :where(html[data-theme="dark"]) .site-header .brand {
    color: var(--primary-dark);
  }
  :where(html[data-theme="dark"]) .site-header .brand:hover, :where(html[data-theme="dark"]) .site-header .brand:focus-visible {
    color: var(--accent);
  }
  :where(html[data-theme="dark"]) .site-header .brand:focus-visible {
    outline: 3px solid rgba(15, 159, 154, 0.28);
  }
  :where(html[data-theme="dark"]) .site-header .main-nav a {
    color: var(--muted);
  }
  :where(html[data-theme="dark"]) .site-header .nav-creation-menu > summary {
    color: var(--muted);
  }
  :where(html[data-theme="dark"]) .site-header .nav-creation-menu > summary::after {
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
  }
  :where(html[data-theme="dark"]) .site-header .nav-creation-menu-panel {
    border: 1px solid var(--border);
    background: var(--surface);
    box-shadow: var(--shadow);
  }
  :where(html[data-theme="dark"]) .site-header .nav-creation-menu-panel a:hover, :where(html[data-theme="dark"]) .site-header .nav-creation-menu-panel a:focus-visible {
    background: var(--primary-soft);
    color: var(--primary-dark);
  }
  :where(html[data-theme="dark"]) .site-header .teacher-nav-status {
    color: var(--muted);
  }
  :where(html[data-theme="dark"]) .site-header .login-btn {
    background: #1a2740;
    border: 1px solid var(--border);
    color: var(--primary-dark);
  }
  :where(html[data-theme="dark"]) .site-header .theme-toggle {
    border: 1px solid var(--border);
    background: var(--primary-soft);
    color: var(--primary-dark);
  }
  :where(html[data-theme="dark"]) .site-header .theme-toggle:hover, :where(html[data-theme="dark"]) .site-header .theme-toggle:focus-visible {
    outline: none;
    border-color: var(--accent);
    background: var(--surface);
  }
  @media (max-width: 860px), (max-height: 520px) and (orientation: landscape) {
    :where(html[data-theme="dark"]) .site-header.mobile-nav-ready .mobile-nav-toggle {
      border: 1px solid var(--border);
      background: var(--surface);
      color: var(--primary-dark);
    }
    :where(html[data-theme="dark"]) .site-header .mobile-nav-toggle:hover {
      border-color: var(--accent);
      background: var(--primary-soft);
    }
    :where(html[data-theme="dark"]) .site-header .mobile-nav-toggle:focus-visible {
      outline: 3px solid var(--accent);
    }
    :where(html[data-theme="dark"]) .site-header .nav-panel {
      border-top: 1px solid var(--border);
    }
    :where(html[data-theme="dark"]) .site-header .nav-group-teacher {
      border-top: 1px solid var(--border);
    }
    :where(html[data-theme="dark"]) .site-header .nav-creation-menu-panel {
      border: 0;
      background: transparent;
      box-shadow: none;
    }
    :where(html[data-theme="dark"]) .site-header .main-nav a:hover, :where(html[data-theme="dark"]) .site-header .main-nav a:focus-visible, :where(html[data-theme="dark"]) .site-header .teacher-nav-status:hover, :where(html[data-theme="dark"]) .site-header .teacher-nav-status:focus-visible, :where(html[data-theme="dark"]) .site-header .nav-account .login-btn:hover, :where(html[data-theme="dark"]) .site-header .nav-account .login-btn:focus-visible {
      outline: none;
      background: var(--primary-soft);
      color: var(--primary-dark);
    }
    :where(html[data-theme="dark"]) .site-header .main-nav a:focus-visible, :where(html[data-theme="dark"]) .site-header .teacher-nav-status:focus-visible, :where(html[data-theme="dark"]) .site-header .nav-account .login-btn:focus-visible {
      box-shadow: 0 0 0 3px var(--accent) inset;
    }
    :where(html[data-theme="dark"]) .site-header .nav-account {
      border-top: 1px solid var(--border);
    }
    :where(html[data-theme="dark"]) .site-header .nav-account .login-btn {
      border: 0;
      background: transparent;
    }
    :where(html[data-theme="dark"]) .site-header .nav-account .theme-toggle {
      background: var(--primary-soft);
    }
  }
  :where(html[data-theme="dark"]) .site-header .nav-badge {
    background: #d64545;
    color: #fff;
  }
  :where(html[data-theme="dark"]) .site-header .mobile-nav-badge {
    background: #d64545;
  }
  :where(html[data-theme="dark"]) .site-header .pro-badge {
    background: var(--premium-soft, #241b41);
    color: var(--premium, #8257ff);
  }
}