/*
 * dadchecks-techdad-v2 design-token override
 * Deployed as mu-plugin + enqueued last so it wins over the active theme.
 * Tokens are in memories/techdad/global/dadchecks-brand.md (design_tokens).
 *
 * v2 (2026-06-18): dark + neon. Replaces v1 slate #2C3E50 + warm-orange #E67E22.
 */

:root {
    --dc-color-bg:        #0a0a14;
    --dc-color-bg-elev:   #12121f;
    --dc-color-bg-elev-2: #1a1a2a;
    --dc-color-surface:   #161624;
    --dc-color-border:    #2a2a3e;
    --dc-color-border-strong: #3a3a55;

    --dc-neon-cyan:       #00f0ff;
    --dc-neon-pink:       #ff2d8e;
    --dc-neon-lime:       #aaff00;
    --dc-neon-magenta:    #ff3ea0;

    --dc-text-white:      #f5f5f7;
    --dc-text-muted:      #8a8a9a;

    --dc-color-primary:   var(--dc-text-white);
    --dc-color-secondary: var(--dc-text-muted);
    --dc-color-accent:    var(--dc-neon-cyan);

    --dc-font-sans:       "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --dc-font-display:    "Anton", Impact, "Arial Narrow", sans-serif;
    --dc-font-mono:       "JetBrains Mono", "Fira Code", Consolas, monospace;
    --dc-font-pixel:      "Press Start 2P", monospace;
    --dc-font-script:     "Permanent Marker", cursive;

    --dc-container-max:   1200px;
    --dc-container-pad:   24px;

    --dc-radius-sm:       4px;
    --dc-radius-md:       8px;
    --dc-radius-lg:       16px;

    --dc-shadow-sm:       0 1px 2px rgba(0, 0, 0, 0.4);
    --dc-shadow-md:       0 4px 6px rgba(0, 0, 0, 0.5);
    --dc-shadow-lg:       0 10px 25px rgba(0, 0, 0, 0.6);
}

body,
.site-content,
.ct-container,
.entry-content,
.site-main,
.site {
    background: var(--dc-color-bg) !important;
    color: var(--dc-text-white) !important;
    font-family: var(--dc-font-sans) !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
h1.entry-title {
    color: var(--dc-text-white) !important;
    font-family: var(--dc-font-display, var(--dc-font-sans)) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.01em;
}

h1, .entry-title { font-size: 2.441rem !important; }
h2 { font-size: 1.953rem !important; }
h3 { font-size: 1.563rem !important; }
h4 { font-size: 1.25rem !important; }

a,
.entry-content a {
    color: var(--dc-neon-cyan) !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
a:hover {
    color: var(--dc-neon-pink) !important;
}

code, pre, kbd, samp {
    font-family: var(--dc-font-mono) !important;
    background: var(--dc-color-surface) !important;
    border: 1px solid var(--dc-color-border) !important;
    border-radius: var(--dc-radius-sm) !important;
    padding: 2px 6px !important;
    color: var(--dc-text-white) !important;
}

pre {
    padding: 16px !important;
    overflow-x: auto !important;
    border-radius: var(--dc-radius-md) !important;
}

button,
input[type="submit"],
.ct-button,
.dadchecks-cta,
.wp-block-button__link {
    background: var(--dc-neon-cyan) !important;
    color: #0a0a14 !important;
    border: none !important;
    border-radius: var(--dc-radius-md) !important;
    padding: 12px 24px !important;
    font-family: var(--dc-font-sans) !important;
    font-weight: 700 !important;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease;
    text-decoration: none !important;
}
button:hover,
.ct-button:hover,
.wp-block-button__link:hover {
    background: var(--dc-neon-pink) !important;
    color: #0a0a14 !important;
    transform: translateY(-1px);
}

blockquote {
    border-left: 4px solid var(--dc-neon-magenta) !important;
    background: var(--dc-color-surface) !important;
    padding: 12px 20px !important;
    margin: 20px 0 !important;
    border-radius: 0 var(--dc-radius-md) var(--dc-radius-md) 0 !important;
    color: var(--dc-text-muted) !important;
}

.site-header,
header[data-header*="type-1"],
header.site-header {
    background: var(--dc-color-bg-elev-2) !important;
    border-bottom: 1px solid var(--dc-color-border) !important;
}

footer.site-footer,
footer[data-footer*="type-1"],
.site-footer {
    background: var(--dc-color-bg-elev) !important;
    color: var(--dc-text-muted) !important;
    border-top: 4px solid var(--dc-neon-magenta) !important;
}
.site-footer a { color: var(--dc-neon-cyan) !important; }

@media (max-width: 768px) {
    :root { --dc-container-pad: 16px; }
    h1, .entry-title { font-size: 1.953rem !important; }
    h2 { font-size: 1.563rem !important; }
}

*:focus-visible {
    outline: 3px solid var(--dc-neon-cyan) !important;
    outline-offset: 2px !important;
}

.cc-window,
.cky-consent-container {
    z-index: 2147483000 !important;
    background: var(--dc-color-bg-elev) !important;
    color: var(--dc-text-white) !important;
    border: 1px solid var(--dc-color-border) !important;
}
