/* =====================================================
   JJAPTOON Theme Overrides
===================================================== */

:root {
    color-scheme: light;
}

html.dark {
    color-scheme: dark;
}

/* ========== Dark Mode ========== */

/* Glass card */
html.dark .glass {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
    box-shadow: none;
}

html.dark .glass:hover {
    border-color: rgba(255,255,255,.14);
    box-shadow: none;
}

html.dark .glass h2 {
    color: #ffffff;
    border-bottom-color: rgba(255,255,255,.10);
}

/* Notice cards */
html.dark .notice-card:hover {
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.12);
}

html.dark .notice-card.important {
    background: rgba(250,204,21,.12);
    border-color: rgba(250,204,21,.25);
}

html.dark .notice-body strong {
    color: #ffffff;
}

html.dark .notice-body span,
html.dark .notice-date {
    color: #94A3B8;
}

/* History section */
html.dark .history-section-title {
    color: #ffffff;
    border-bottom-color: rgba(255,255,255,.12);
}

html.dark .history-item {
    color: #D1D5DB;
}

html.dark .history-item strong {
    color: #ffffff;
}

/* Hero */
html.dark .hero {
    border-bottom-color: rgba(255,255,255,.08);
}

html.dark .hero h1 {
    color: #ffffff;
}

html.dark .hero p {
    color: #94A3B8;
}

html.dark .hero .hero-badge {
    color: #fde047;
    background: rgba(250,204,21,.15);
    border-color: rgba(250,204,21,.30);
}

/* Latest domain */
html.dark #latestDomain {
    background: rgba(255,255,255,.03);
    border-color: rgba(255,255,255,.08);
    color: #ffffff;
}

html.dark #latestDomain:hover {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.14);
}

/* Logo & loader */
html.dark .logo,
html.dark .hero-badge {
    color: #ffffff;
}

html.dark .loader-logo {
    color: #ffffff;
    text-shadow:
        0 0 20px rgba(250,204,21,.6),
        0 0 40px rgba(250,204,21,.4);
}

/* Icon button */
html.dark .icon-btn {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.15);
    color: #ffffff;
}

html.dark .icon-btn:hover {
    background: rgba(250,204,21,.15);
    border-color: rgba(250,204,21,.35);
}

/* Toast */
html.dark #toast {
    background: rgba(15,23,42,.92);
    border-color: rgba(255,255,255,.08);
    color: #ffffff;
}

/* Scrollbar dark */
html.dark ::-webkit-scrollbar-track {
    background: rgba(255,255,255,.06);
}

html.dark ::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.20);
}

html.dark ::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,.35);
}

html.dark {
    scrollbar-color: rgba(255,255,255,.20) transparent;
}

/* Footer */
html.dark .footer {
    border-top-color: rgba(255,255,255,.08);
}

html.dark .footer-section h3 {
    color: #ffffff;
}

html.dark .footer-section p,
html.dark .footer-bottom p {
    color: #94A3B8;
}

html.dark .footer-section ul li a {
    color: #D1D5DB;
}

html.dark .footer-section ul li a:hover {
    color: #facc15;
}