/* ============================================================================
   .theme-vectordeath - Vector Death (14th product theme, added 2026-05-28
                        per BUILD_SPEC_2 sec 5).

   VIBE: anti-grav blood sport. Gunmetal arena, arterial red, lethal at speed.
   Audiowide italic is supplied as a flattened SVG wordmark (no font dep);
   Rajdhani 500 carries body, Space Mono carries mono.
   ============================================================================ */
.theme-vectordeath {
    --pt-bg: #070809;            /* oil-black with cold steel undertone */
    --pt-bg-deep: #030405;
    --pt-surface: #12161A;       /* gunmetal card */
    --pt-surface-2: #1c2127;
    --pt-ink: #E9ECEF;           /* cold bone-white */
    --pt-ink-dim: #b8bdc4;
    --pt-ink-muted: #8b9099;
    --pt-accent: #E01E37;        /* arterial red (primary) */
    --pt-accent-2: #ad1228;      /* deep red hover */
    --pt-accent-3: #FFA033;      /* telemetry amber - HUD warning, sparing */
    --pt-steel: #5A6470;         /* gunmetal mid for rules/borders/secondary */
    --pt-rule: rgba(90, 100, 112, 0.45);
    /* Audiowide is the wordmark, supplied as SVG; Rajdhani 500 reads
       "race telemetry / heads-up display" without crossing into Eurostile-
       wannabe sci-fi territory. Space Mono for code-adjacent surfaces. */
    --pt-display-font: 'Rajdhani', 'Space Grotesk', system-ui, sans-serif;
    --pt-body-font: 'Rajdhani', system-ui, sans-serif;
    --pt-mono-font: 'Space Mono', ui-monospace, monospace;
}

body.theme-vectordeath {
    background: var(--pt-bg);
    background-image:
        radial-gradient(circle at 50% 0%, rgba(224, 30, 55, 0.08), transparent 55%),
        radial-gradient(circle at 90% 100%, rgba(255, 160, 51, 0.04), transparent 60%);
    color: var(--pt-ink);
    font-family: var(--pt-body-font);
    --text-light: var(--pt-ink-dim);
    --text-secondary: var(--pt-ink-dim);
    --text-muted: var(--pt-ink-muted);
    --primary-color: var(--pt-accent);
    --border-color: var(--pt-rule);
    --card-bg: var(--pt-surface);
}
body.theme-vectordeath h1,
body.theme-vectordeath h2,
body.theme-vectordeath h3,
body.theme-vectordeath h4 {
    font-family: var(--pt-display-font);
    font-weight: 700;
    color: var(--pt-ink);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
body.theme-vectordeath p,
body.theme-vectordeath li,
body.theme-vectordeath blockquote {
    font-family: var(--pt-body-font);
    color: var(--pt-ink-dim);
    font-weight: 500;
}
body.theme-vectordeath a {
    color: var(--pt-accent);
}
body.theme-vectordeath a:hover {
    color: var(--pt-accent-3);
}
body.theme-vectordeath .product-hero,
body.theme-vectordeath .vd-hero {
    background: linear-gradient(180deg, var(--pt-bg) 0%, var(--pt-surface) 100%);
    border-bottom: 2px solid var(--pt-accent);
}
body.theme-vectordeath .section-title {
    color: var(--pt-ink);
    border-left: 4px solid var(--pt-accent);
    padding-left: 0.75rem;
}
body.theme-vectordeath .feature-card,
body.theme-vectordeath .ps-card {
    background: var(--pt-surface);
    border: 1px solid var(--pt-steel);
    border-left: 4px solid var(--pt-accent);
    color: var(--pt-ink-dim);
}
body.theme-vectordeath .feature-card h3,
body.theme-vectordeath .ps-card h3 { color: var(--pt-ink); }
body.theme-vectordeath .badge {
    color: var(--pt-accent);
    border: 1px solid var(--pt-accent);
    background: rgba(224, 30, 55, 0.12);
    font-family: var(--pt-mono-font);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
}
body.theme-vectordeath .btn-primary {
    background: var(--pt-accent);
    color: var(--pt-ink);
    border: 2px solid var(--pt-accent);
    font-family: var(--pt-display-font);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}
body.theme-vectordeath .btn-primary:hover {
    background: var(--pt-accent-2);
    border-color: var(--pt-accent-2);
}
body.theme-vectordeath .btn-secondary {
    background: transparent;
    color: var(--pt-ink);
    border: 2px solid var(--pt-steel);
    font-family: var(--pt-display-font);
    text-transform: uppercase;
    letter-spacing: 0.12em;
}
body.theme-vectordeath .btn-secondary:hover {
    background: var(--pt-surface-2);
    border-color: var(--pt-ink-muted);
}

/* Card-level: cards stay in the dossier cream-paper register on boards
   (per the app color-scheme rule). The Vector Death theme paints the body
   and content of the deep page only; on the board, just the pin carries
   the arterial-red accent via --tape. */
.theme-vectordeath .cc-card__pin {
    color: var(--pt-accent);
}