/* Arch Core — shared dark-mode theme (comprehensive).
 * Scoped to body.hcpc-dark; cache-busted by ARCH_CORE_VERSION.
 * Provides the shared variables AND full admin coverage so any family plugin's
 * screens go dark cleanly (not just the canvas). Feature plugins may still add
 * their own wrapper-scoped tweaks (.hcpc-prek / .hcpc-ss).
 */
body.hcpc-dark {
  --arch-bg: #14181b;
  --arch-surface: #1d242a;
  --arch-text: #e6edf3;
  --arch-muted: #9fb0bd;
  --arch-border: #2b343c;
}

/* canvas */
body.hcpc-dark.wp-admin #wpcontent,
body.hcpc-dark.wp-admin #wpbody-content { background: var(--arch-bg); color: var(--arch-text); }

/* text */
body.hcpc-dark #wpbody-content,
body.hcpc-dark #wpbody-content .wrap,
body.hcpc-dark #wpbody-content p,
body.hcpc-dark #wpbody-content label,
body.hcpc-dark #wpbody-content li,
body.hcpc-dark #wpbody-content td,
body.hcpc-dark #wpbody-content th,
body.hcpc-dark .hcpc-prek,
body.hcpc-dark .hcpc-ss { color: var(--arch-text); }

body.hcpc-dark #wpbody-content .wrap h1,
body.hcpc-dark #wpbody-content .wrap h2,
body.hcpc-dark #wpbody-content .wrap h3,
body.hcpc-dark #wpbody-content strong { color: #f2f6fb; }

body.hcpc-dark #wpbody-content .description,
body.hcpc-dark #wpbody-content .howto { color: var(--arch-muted); }

body.hcpc-dark #wpbody-content a { color: #7fb3ff; }

/* panels (inline-styled forms/divs), postboxes + tables */
body.hcpc-dark #wpbody-content form[style],
body.hcpc-dark #wpbody-content div[style*="background"],
body.hcpc-dark #wpbody-content .postbox,
body.hcpc-dark #wpbody-content .card,
body.hcpc-dark #wpbody-content .widefat,
body.hcpc-dark #wpbody-content table.widefat {
  background: var(--arch-surface) !important;
  border-color: var(--arch-border) !important;
  color: var(--arch-text) !important;
}
body.hcpc-dark #wpbody-content .widefat th,
body.hcpc-dark #wpbody-content .widefat td { border-color: var(--arch-border) !important; }
body.hcpc-dark #wpbody-content .striped > tbody > tr:nth-child(odd),
body.hcpc-dark #wpbody-content .widefat.striped > tbody > tr.alternate { background: #232b31 !important; }
body.hcpc-dark #wpbody-content .nav-tab-wrapper { border-bottom-color: var(--arch-border); }
body.hcpc-dark #wpbody-content .nav-tab { background: #232b31; border-color: var(--arch-border); color: var(--arch-muted); }
body.hcpc-dark #wpbody-content .nav-tab-active { background: var(--arch-surface); color: var(--arch-text); }

/* inputs */
body.hcpc-dark #wpbody-content input[type="text"],
body.hcpc-dark #wpbody-content input[type="url"],
body.hcpc-dark #wpbody-content input[type="email"],
body.hcpc-dark #wpbody-content input[type="search"],
body.hcpc-dark #wpbody-content input[type="number"],
body.hcpc-dark #wpbody-content input[type="password"],
body.hcpc-dark #wpbody-content textarea,
body.hcpc-dark #wpbody-content select {
  background: #1b1e24 !important;
  color: #e6e9ef !important;
  border-color: var(--arch-border) !important;
}
body.hcpc-dark #wpbody-content input::placeholder,
body.hcpc-dark #wpbody-content textarea::placeholder { color: var(--arch-muted); }

body.hcpc-dark #wpbody-content code,
body.hcpc-dark #wpbody-content pre { background: #1b1e24 !important; color: #9ecbff !important; }

body.hcpc-dark #wpbody-content .notice,
body.hcpc-dark #wpbody-content .notice.inline { background: var(--arch-surface) !important; color: var(--arch-text) !important; border-left-color: #7fb3ff; }

/* secondary buttons (primary keeps WP blue) */
body.hcpc-dark #wpbody-content .button:not(.button-primary) {
  background: #2f343c; border-color: #444b55; color: var(--arch-text);
}