/* PillingerWorks — Alkony / Dusk mode */
body.pw-appearance-dusk {
    --pw-bg: #090d14;
    --pw-surface: #101722;
    --pw-surface-2: #151d2a;
    --pw-border: #273347;
    --pw-text: #e8eef8;
    --pw-muted: #8f9db2;
    --pw-accent: #38d9ff;
    --pw-accent-2: #9b7bff;
    background: var(--pw-bg);
    color: var(--pw-text);
}
body.pw-appearance-dusk .pw-site-header { background: rgba(9,13,20,.94); border-bottom-color: var(--pw-border); }
body.pw-appearance-dusk .pw-site-footer { border-top-color: var(--pw-border); color: var(--pw-muted); }
body.pw-appearance-dusk .pw-footer__brand-name { color: var(--pw-text); }
body.pw-appearance-dusk .pw-home-intro { border-top-color: var(--pw-border); }
body.pw-appearance-dusk .pw-mobile-menu { border-top-color: var(--pw-border); background: var(--pw-bg); }
body.pw-appearance-dusk .pw-nav-list .sub-menu,
body.pw-appearance-dusk .pw-language-menu { background: var(--pw-surface); border-color: var(--pw-border); box-shadow: 0 14px 38px rgba(0,0,0,.35); }
body.pw-appearance-dusk .pw-nav-list .sub-menu a:hover,
body.pw-appearance-dusk .pw-nav-list .sub-menu a:focus-visible,
body.pw-appearance-dusk .pw-language-menu a:hover,
body.pw-appearance-dusk .pw-language-menu a:focus-visible,
body.pw-appearance-dusk .pw-button--quiet:hover,
body.pw-appearance-dusk .pw-button--quiet:focus-visible { background: var(--pw-surface-2); }
body.pw-appearance-dusk .pw-header-link,
body.pw-appearance-dusk .pw-language,
body.pw-appearance-dusk .pw-nav-list .menu-item-has-children > a::after { color: var(--pw-muted); }
body.pw-appearance-dusk .pw-button--quiet { border-color: var(--pw-border); color: var(--pw-text); }
body.pw-appearance-dusk .pw-button--primary { background: var(--pw-accent); color: #071018; border-color: var(--pw-accent); box-shadow: 0 0 18px rgba(56,217,255,.16); }
body.pw-appearance-dusk .pw-button--primary:hover,
body.pw-appearance-dusk .pw-button--primary:focus-visible { background: #64e3ff; }
body.pw-appearance-dusk .pw-site-header a:hover,
body.pw-appearance-dusk .pw-site-header a:focus-visible { color: var(--pw-accent); }
/* 0.2.62 — Header search panel follows Twilight / Dusk mode. */
body.pw-appearance-dusk .pw-search-panel {
    background: var(--pw-bg);
    border-top-color: var(--pw-border);
}
body.pw-appearance-dusk .pw-search-form input[type="search"] {
    background: var(--pw-surface);
    border-color: var(--pw-border);
    color: var(--pw-text);
}
body.pw-appearance-dusk .pw-search-form input[type="search"]::placeholder {
    color: var(--pw-muted);
}

/* 0.2.65 — Account dropdown + Academy surfaces follow Twilight / Dusk mode. */
body.pw-appearance-dusk .pw-account-menu {
    background: var(--pw-surface);
    border-color: var(--pw-border);
    box-shadow: 0 14px 38px rgba(0,0,0,.45);
}
body.pw-appearance-dusk .pw-account-menu a {
    color: var(--pw-text);
}
body.pw-appearance-dusk .pw-account-menu a:hover,
body.pw-appearance-dusk .pw-account-menu a:focus-visible {
    background: var(--pw-surface-2);
    color: var(--pw-accent);
}

/* Academy note editor: keep the editor surface and entered text readable in Dusk. */
body.pw-appearance-dusk textarea,
body.pw-appearance-dusk .pwa-note textarea,
body.pw-appearance-dusk [class*="pwa-"][class*="note"] textarea {
    background: var(--pw-surface) !important;
    border-color: var(--pw-border) !important;
    color: var(--pw-text) !important;
    caret-color: var(--pw-accent);
}
body.pw-appearance-dusk textarea::placeholder {
    color: var(--pw-muted) !important;
}

/* Academy level / learning cards.  The Academy plugin owns these components,
   so these scoped selectors intentionally cover its level-card naming variants. */
body.pw-appearance-dusk [class*="pwa-"][class*="level"][class*="card"],
body.pw-appearance-dusk [class*="pwa-"][class*="level-card"],
body.pw-appearance-dusk [class*="pwa-"][class*="learning"][class*="level"],
body.pw-appearance-dusk [class*="academy"][class*="level"][class*="card"] {
    background: var(--pw-surface) !important;
    border-color: var(--pw-border) !important;
    color: var(--pw-text) !important;
}
body.pw-appearance-dusk [class*="pwa-"][class*="level"][class*="card"] h1,
body.pw-appearance-dusk [class*="pwa-"][class*="level"][class*="card"] h2,
body.pw-appearance-dusk [class*="pwa-"][class*="level"][class*="card"] h3,
body.pw-appearance-dusk [class*="pwa-"][class*="level"][class*="card"] h4,
body.pw-appearance-dusk [class*="pwa-"][class*="level"][class*="card"] p,
body.pw-appearance-dusk [class*="pwa-"][class*="level"][class*="card"] span,
body.pw-appearance-dusk [class*="pwa-"][class*="level-card"] h1,
body.pw-appearance-dusk [class*="pwa-"][class*="level-card"] h2,
body.pw-appearance-dusk [class*="pwa-"][class*="level-card"] h3,
body.pw-appearance-dusk [class*="pwa-"][class*="level-card"] h4,
body.pw-appearance-dusk [class*="pwa-"][class*="level-card"] p,
body.pw-appearance-dusk [class*="pwa-"][class*="level-card"] span {
    color: var(--pw-text) !important;
}

