/* ============================================================
   Light theme, GENERATED, do not edit by hand.
   Rebuild with:  php database/build_light_theme.php
   Hand-written rules live in database/light_theme_manual.css
   and are appended below the generated tokens.
   ============================================================ */

html[data-theme="light"] { color-scheme: light; }

html[data-theme="light"] .ah-hub {
    --ah-card: hsl(240, 7.1%, 93.6%);
    --ah-card-hi: hsl(240, 7.9%, 94.9%);
    --ah-line: hsl(240, 7.7%, 79.6%);
    --ah-ink: hsl(240, 10%, 6%);
    --ah-mut: hsl(240, 5.2%, 37.6%);
    --ah-dim: hsl(240, 4.4%, 45%);
    --ah-accent: hsl(199, 28.8%, 48.8%);
}

html[data-theme="light"] .apidoc {
    --a-bg: hsl(240, 5.3%, 92.5%);
    --a-panel: hsl(240, 7.1%, 93.6%);
    --a-code: hsl(240, 8%, 90.2%);
    --a-line: hsl(240, 6.7%, 82.4%);
    --a-ink: hsl(240, 7.1%, 6%);
    --a-mut: hsl(240, 5.2%, 37.6%);
    --a-dim: hsl(240, 4.4%, 45%);
    --a-accent: hsl(199, 28.8%, 48.8%);
}

html[data-theme="light"] .bt {
    --bt-bg: hsl(240, 4.3%, 93%);
    --bt-rail: hsl(240, 6.3%, 87.5%);
    --bt-line: hsla(0, 0%, 8%, 0.122);
    --bt-text: hsl(240, 4.5%, 8.6%);
    --bt-muted: hsla(0, 0%, 6%, 0.52);
    --bt-faint: hsla(0, 0%, 6%, 0.3);
    --bt-surface: hsla(0, 0%, 8%, 0.047);
    --bt-surface-hi: hsla(0, 0%, 8%, 0.088);
    --bt-accent: hsl(199, 28.8%, 48.8%);
}

html[data-theme="light"] html[data-theme="light"] .bt {
    --bt-bg: hsl(0, 0%, 6%);
    --bt-rail: hsl(240, 5.9%, 6%);
    --bt-line: hsla(0, 0%, 97%, 0.11);
    --bt-text: hsl(240, 5.9%, 45%);
    --bt-muted: hsla(0, 0%, 45%, 0.56);
    --bt-faint: hsla(0, 0%, 45%, 0.34);
    --bt-surface: hsla(0, 0%, 90%, 0.028);
    --bt-surface-hi: hsla(0, 0%, 90%, 0.055);
    --bt-accent: hsl(201, 28.8%, 43.4%);
}

html[data-theme="light"] {
    --ab-bg: hsl(0, 0%, 91.8%);
    --ab-ink: hsl(240, 4.8%, 6%);
    --ab-body: hsl(240, 5%, 35.1%);
    --ab-muted: hsl(240, 3.8%, 43.9%);
    --ab-faint: hsl(240, 5.2%, 45%);
    --ab-line: hsl(240, 4.6%, 87.3%);
    --ab-accent: hsl(198, 28.8%, 46%);
    --ab-accent-bright: hsl(188, 28.7%, 46%);
    --ab-accent-tint: hsla(198, 10%, 100%, 0.14);
    --ab-surface: hsl(240, 5.3%, 92.5%);
    --ab-surface-hi: hsl(240, 8%, 93.1%);
    --ab-well: hsl(240, 8.3%, 93.6%);
    --bl-bg: hsl(0, 0%, 91.8%);
    --bl-surface: hsl(0, 0%, 92.6%);
    --bl-ink: hsl(240, 4.8%, 6%);
    --bl-muted: hsl(240, 5%, 35.1%);
    --bl-faint: hsl(240, 3.8%, 43.9%);
    --bl-line: hsl(240, 4.6%, 87.3%);
    --bl-accent: hsl(198, 28.8%, 46%);
    --bl-accent-hover: hsl(201, 28.8%, 43.4%);
    --bl-accent-bright: hsl(188, 28.7%, 46%);
    --bl-accent-tint: hsla(198, 10%, 100%, 0.14);
    --vulone-blue: hsl(0, 0%, 6%);
    --vulone-blue-glow: hsla(0, 0%, 8%, 0.135);
    --v2-bg: hsl(0, 0%, 91.8%);
    --v2-surface: hsl(0, 0%, 92.6%);
    --v2-line: hsla(0, 0%, 8%, 0.108);
    --v2-line-strong: hsla(0, 0%, 8%, 0.189);
    --v2-txt-1: hsl(0, 0%, 6%);
    --v2-txt-2: hsl(240, 5%, 35.1%);
    --v2-txt-3: hsl(240, 3.9%, 45%);
    --nav-bg: hsla(0, 0%, 91.8%, 0.72);
    --nav-border: hsla(0, 0%, 8%, 0.108);
    --nav-accent: hsl(198, 28.8%, 46%);
    --pl-bg: hsl(0, 0%, 91.8%);
    --pl-surface: hsl(240, 7.3%, 92.7%);
    --pl-line: hsla(0, 0%, 8%, 0.108);
    --pl-line-strong: hsla(0, 0%, 8%, 0.189);
    --pl-txt-1: hsl(0, 0%, 6%);
    --pl-txt-2: hsl(240, 5%, 35.1%);
    --pl-txt-3: hsl(240, 3.9%, 45%);
    --pl-accent: hsl(240, 5%, 35.1%);
    --pl-accent-teal: hsl(218, 10%, 35.1%);
    --vp-bg-color: hsl(0, 0%, 91.8%);
    --vp-box-bg: hsl(240, 8%, 91.9%);
    --vp-box-border: hsla(0, 0%, 8%, 0.135);
    --vp-accent: hsl(198, 28.8%, 46%);
    --vp-text-main: hsl(0, 0%, 6%);
    --vp-text-muted: hsl(240, 5%, 35.1%);
    --vp-slash-color: hsl(240, 5.2%, 66.1%);
    --sso-dark-bg: hsl(0, 0%, 91.8%);
    --sso-accent-blue: hsl(0, 0%, 6%);
    --sso-accent-hover: hsl(240, 5.9%, 10%);
    --sso-text-light: hsl(0, 0%, 6%);
    --sso-text-muted: hsl(240, 5%, 35.1%);
    --sso-text-darker: hsl(240, 3.8%, 43.9%);
    --sso-border: hsl(240, 3.7%, 84.1%);
    --sso-input-bg: hsl(0, 0%, 91.7%);
    --background: hsl(0, 0%, 91.8%);
    --foreground: hsl(0, 0%, 6%);
    --surface: hsl(0, 0%, 91.7%);
    --surface-elevated: hsl(0, 0%, 92.6%);
    --border: hsla(0, 0%, 8%, 0.135);
    --border-subtle: hsla(0, 0%, 6%, 0.05);
    --text-primary: hsl(0, 0%, 6%);
    --text-secondary: hsl(240, 5%, 35.1%);
    --text-muted: hsl(240, 3.8%, 43.9%);
    --text-subtle: hsl(240, 5.2%, 45%);
    --accent: hsl(199, 28.8%, 48.8%);
    --accent-hover: hsl(240, 5.9%, 10%);
    --dark-bg: hsl(0, 0%, 91.8%);
    --dark-surface: hsl(0, 0%, 91.8%);
    --dark-border: hsla(0, 0%, 8%, 0.135);
    --dark-text: hsl(0, 0%, 6%);
    --dark-text-muted: hsl(240, 5%, 35.1%);
    --grid-bg-base: hsl(0, 0%, 91.8%);
    --bg: hsl(240, 5.3%, 92.5%);
    --panel: hsl(240, 7.1%, 93.6%);
    --line: hsl(240, 6.7%, 82.4%);
    --ink: hsl(240, 7.1%, 6%);
    --mut: hsl(240, 5.2%, 37.6%);
    --dim: hsl(240, 4.4%, 45%);
    --ta-sidebar-bg: hsl(0, 0%, 91.8%);
    --ta-content-bg: hsl(0, 0%, 91.8%);
    --ta-topbar-bg: hsl(0, 0%, 91.8%);
    --ta-accent: hsl(198, 28.8%, 46%);
}

html[data-theme="light"] .dashboard-container,
html[data-theme="light"] .se-engine {
    --sidebar-bg: hsl(240, 6.3%, 94.1%);
    --sidebar-active-bg: hsla(0, 0%, 8%, 0.108);
    --sidebar-text: hsl(240, 3.8%, 43.9%);
    --sidebar-text-active: hsl(240, 4.8%, 6%);
    --sidebar-divider: hsla(0, 0%, 8%, 0.068);
    --sidebar-section-label: hsl(240, 5.2%, 45%);
    --content-bg: hsl(240, 4.3%, 93%);
    --card-bg: hsl(240, 6.7%, 93.9%);
    --card-border: hsla(0, 0%, 8%, 0.081);
    --topbar-bg: hsl(240, 4.3%, 93%);
    --topbar-border: hsla(0, 0%, 8%, 0.081);
    --text-primary: hsl(240, 4.8%, 6%);
    --text-secondary: hsl(240, 5%, 35.1%);
    --text-muted: hsl(240, 5.2%, 45%);
    --accent: hsl(198, 28.8%, 46%);
    --accent-bg: hsla(198, 10%, 100%, 0.08);
    --accent-hover: hsl(200, 42.1%, 43.4%);
}

html[data-theme="light"] html[data-theme="light"] .dashboard-container {
    --sidebar-active-bg: hsla(240, 10%, 92.3%, 0.075);
}

html[data-theme="light"] .hl-wrap {
    --hl-card: hsl(240, 6.7%, 93.9%);
    --hl-card-hi: hsl(240, 8%, 94.7%);
    --hl-line: hsl(240, 6.7%, 82.4%);
    --hl-ink: hsl(240, 10%, 6%);
    --hl-mut: hsl(240, 5.2%, 37.6%);
    --hl-dim: hsl(240, 4.4%, 45%);
    --hl-accent: hsl(199, 28.8%, 48.8%);
    --hl-crit: hsl(3, 28.7%, 46%);
    --hl-high: hsl(25, 28.2%, 46%);
    --hl-med: hsl(67, 12.4%, 46%);
}

html[data-theme="light"] .if-wrap {
    --if-card: hsl(240, 6.7%, 93.9%);
    --if-card-hi: hsl(240, 8%, 94.7%);
    --if-well: hsl(240, 7%, 91.6%);
    --if-line: hsl(240, 6.7%, 82.4%);
    --if-ink: hsl(240, 10%, 6%);
    --if-mut: hsl(240, 5.2%, 37.6%);
    --if-dim: hsl(240, 4.4%, 45%);
    --if-accent: hsl(199, 28.8%, 48.8%);
}

html[data-theme="light"] .intel {
    --in-line: hsla(0, 0%, 8%, 0.122);
    --in-text: hsl(240, 4.5%, 8.6%);
    --in-muted: hsla(0, 0%, 6%, 0.55);
    --in-faint: hsla(0, 0%, 6%, 0.32);
    --in-surface: hsla(0, 0%, 8%, 0.043);
    --in-surface-hi: hsla(0, 0%, 8%, 0.081);
    --in-accent: hsl(199, 28.8%, 48.8%);
    --in-bar: hsla(199, 28.8%, 48.8%, 0.45);
    --kg-high: hsl(141, 28.4%, 46%);
    --kg-medium: hsl(37, 28.3%, 46%);
}

html[data-theme="light"] html[data-theme="light"] .intel {
    --in-line: hsla(0, 0%, 97%, 0.11);
    --in-text: hsl(240, 5.9%, 45%);
    --in-muted: hsla(0, 0%, 45%, 0.58);
    --in-faint: hsla(0, 0%, 45%, 0.36);
    --in-surface: hsla(0, 0%, 90%, 0.025);
    --in-surface-hi: hsla(0, 0%, 90%, 0.05);
    --in-accent: hsl(201, 28.8%, 43.4%);
    --in-bar: hsla(201, 28.8%, 43.4%, 0.35);
    --kg-high: hsl(143, 28.7%, 33.2%);
    --kg-medium: hsl(36, 28.3%, 36.9%);
}

html[data-theme="light"] .pll-section {
    --pll-accent: hsl(199, 28.8%, 48.8%);
    --pll-bg: hsl(0, 0%, 91.8%);
    --pll-surface: hsl(0, 0%, 92.8%);
    --pll-pill-bg: hsl(0, 0%, 93.4%);
    --pll-line: hsl(0, 0%, 77.3%);
    --pll-border: hsl(0, 0%, 85.1%);
    --pll-pill-border: hsl(0, 0%, 82%);
    --pll-text-1: hsl(0, 0%, 6%);
    --pll-text-2: hsl(0, 0%, 24.7%);
    --pll-text-3: hsl(0, 0%, 38%);
    --pll-pill-text: hsl(240, 4.9%, 16.1%);
}

html[data-theme="light"] .se-engine {
    --se-bg: hsl(240, 4.3%, 93%);
    --se-surface: hsl(240, 6.7%, 93.9%);
    --se-surface-2: hsl(240, 7.9%, 94.9%);
    --se-border: hsl(240, 8.5%, 76.9%);
    --se-border-soft: hsl(240, 7.5%, 81.8%);
    --se-txt-1: hsl(240, 4.8%, 6%);
    --se-txt-2: hsl(240, 5%, 35.1%);
    --se-txt-3: hsl(240, 4.8%, 45%);
    --se-accent: hsl(199, 28.8%, 48.8%);
    --se-accent-dim: hsla(199, 12%, 38%, 0.12);
    --se-ask-fill: hsl(199, 28.8%, 48.8%);
    --se-ask-ink: hsl(200, 10%, 92.8%);
}

html[data-theme="light"] html[data-theme="light"] .se-engine {
    --se-ask-fill: hsl(199, 8%, 100%);
    --se-ask-ink: hsl(0, 0%, 6%);
}

html[data-theme="light"] *,
html[data-theme="light"] :after,
html[data-theme="light"] :before {
    --tw-ring-offset-color: hsl(0, 0%, 6%);
    --tw-ring-color: hsla(217, 28.6%, 54.3%, 0.5);
}

html[data-theme="light"] ::backdrop {
    --tw-ring-offset-color: hsl(0, 0%, 6%);
    --tw-ring-color: hsla(217, 28.6%, 54.3%, 0.5);
}

html[data-theme="light"] .prose {
    --tw-prose-body: hsl(217, 18.2%, 30.7%);
    --tw-prose-headings: hsl(221, 10%, 89%);
    --tw-prose-lead: hsl(215, 13.1%, 38.1%);
    --tw-prose-links: hsl(221, 10%, 89%);
    --tw-prose-bold: hsl(221, 10%, 89%);
    --tw-prose-counters: hsl(220, 8.9%, 53.9%);
    --tw-prose-bullets: hsl(216, 11.6%, 34%);
    --tw-prose-hr: hsl(220, 10%, 9%);
    --tw-prose-quotes: hsl(221, 10%, 89%);
    --tw-prose-quote-borders: hsl(220, 10%, 9%);
    --tw-prose-captions: hsl(220, 8.9%, 43.9%);
    --tw-prose-kbd: hsl(221, 10%, 89%);
    --tw-prose-kbd-shadows: hsla(0, 0%, 97%, 0.1);
    --tw-prose-code: hsl(221, 10%, 89%);
    --tw-prose-pre-code: hsl(220, 10%, 9%);
    --tw-prose-pre-bg: hsl(215, 8%, 95.6%);
    --tw-prose-th-borders: hsl(216, 11.6%, 34%);
    --tw-prose-td-borders: hsl(220, 10%, 9%);
    --tw-prose-invert-body: hsl(216, 11.6%, 34%);
    --tw-prose-invert-headings: hsl(0, 0%, 6%);
    --tw-prose-invert-lead: hsl(218, 10%, 35.1%);
    --tw-prose-invert-links: hsl(0, 0%, 6%);
    --tw-prose-invert-bold: hsl(0, 0%, 6%);
    --tw-prose-invert-counters: hsl(218, 10%, 35.1%);
    --tw-prose-invert-bullets: hsl(215, 13.1%, 38.1%);
    --tw-prose-invert-hr: hsl(217, 18.2%, 30.7%);
    --tw-prose-invert-quotes: hsl(220, 10%, 6%);
    --tw-prose-invert-quote-borders: hsl(217, 18.2%, 30.7%);
    --tw-prose-invert-captions: hsl(218, 10.6%, 35.1%);
    --tw-prose-invert-kbd: hsl(0, 0%, 6%);
    --tw-prose-invert-code: hsl(0, 0%, 6%);
    --tw-prose-invert-pre-code: hsl(216, 11.6%, 34%);
    --tw-prose-invert-pre-bg: hsla(0, 0%, 90%, 0.5);
    --tw-prose-invert-th-borders: hsl(215, 13.1%, 38.1%);
    --tw-prose-invert-td-borders: hsl(217, 18.2%, 30.7%);
}

html[data-theme="light"] .prose-zinc {
    --tw-prose-body: hsl(240, 5.3%, 73.9%);
    --tw-prose-headings: hsl(240, 5.9%, 45%);
    --tw-prose-lead: hsl(240, 5.2%, 66.1%);
    --tw-prose-links: hsl(240, 5.9%, 45%);
    --tw-prose-bold: hsl(240, 5.9%, 90%);
    --tw-prose-counters: hsl(240, 3.8%, 53.9%);
    --tw-prose-bullets: hsl(240, 4.9%, 16.1%);
    --tw-prose-hr: hsl(240, 5.9%, 10%);
    --tw-prose-quotes: hsl(240, 5.9%, 90%);
    --tw-prose-quote-borders: hsl(240, 5.9%, 10%);
    --tw-prose-captions: hsl(240, 3.8%, 43.9%);
    --tw-prose-kbd: hsl(240, 5.9%, 90%);
    --tw-prose-kbd-shadows: hsla(0, 0%, 97%, 0.1);
    --tw-prose-code: hsl(240, 5.9%, 90%);
    --tw-prose-pre-code: hsl(240, 5.9%, 10%);
    --tw-prose-pre-bg: hsl(240, 3.7%, 95.2%);
    --tw-prose-th-borders: hsl(240, 4.9%, 16.1%);
    --tw-prose-td-borders: hsl(240, 5.9%, 10%);
    --tw-prose-invert-body: hsl(240, 4.9%, 16.1%);
    --tw-prose-invert-headings: hsl(0, 0%, 6%);
    --tw-prose-invert-lead: hsl(240, 5%, 35.1%);
    --tw-prose-invert-links: hsl(0, 0%, 6%);
    --tw-prose-invert-bold: hsl(0, 0%, 6%);
    --tw-prose-invert-counters: hsl(240, 5%, 35.1%);
    --tw-prose-invert-bullets: hsl(240, 5.2%, 66.1%);
    --tw-prose-invert-hr: hsl(240, 5.3%, 73.9%);
    --tw-prose-invert-quotes: hsl(240, 4.8%, 6%);
    --tw-prose-invert-quote-borders: hsl(240, 5.3%, 73.9%);
    --tw-prose-invert-captions: hsl(240, 5%, 35.1%);
    --tw-prose-invert-kbd: hsl(0, 0%, 6%);
    --tw-prose-invert-code: hsl(0, 0%, 6%);
    --tw-prose-invert-pre-code: hsl(240, 4.9%, 16.1%);
    --tw-prose-invert-pre-bg: hsla(0, 0%, 90%, 0.5);
    --tw-prose-invert-th-borders: hsl(240, 5.2%, 66.1%);
    --tw-prose-invert-td-borders: hsl(240, 5.3%, 73.9%);
}

html[data-theme="light"] .focus\:ring-\[\#568aa1\]\/20:focus {
    --tw-ring-color: hsla(198, 28.8%, 46%, 0.2);
}

html[data-theme="light"] .trends-wrap {
    --t-bg: hsl(240, 4.3%, 93%);
    --t-card: hsl(240, 6.7%, 93.9%);
    --t-card-hi: hsl(240, 8%, 94.7%);
    --t-line: hsl(240, 6.7%, 82.4%);
    --t-ink: hsl(240, 10%, 6%);
    --t-mut: hsl(240, 5.2%, 37.6%);
    --t-dim: hsl(240, 4.4%, 45%);
    --t-accent: hsl(199, 28.8%, 48.8%);
}


/* ---------- literal colours, derived the same way ---------- */

html[data-theme="light"] .error-title {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .account-menu-item.logout:hover {
    color: hsl(4, 12%, 38%);
}

html[data-theme="light"] .acct-backdrop {
    background-color: hsla(0, 0%, 90%, 0.6);
}

html[data-theme="light"] .acct-action.acct-danger {
    color: hsl(4, 12%, 38%);
}

html[data-theme="light"] .acct-msg.bad {
    color: hsl(4, 12%, 38%);
}

html[data-theme="light"] .acct-badge {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .ah-actor:hover {
    background-color: hsl(240, 8%, 95.4%);
}

html[data-theme="light"] .ah-actor-type {
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .ah-map {
    background-color: hsl(240, 7.7%, 91.7%);
}

html[data-theme="light"] .leaflet-tooltip.ah-map-tip {
    background-color: hsl(240, 8%, 93.2%);
}

html[data-theme="light"] .ai-gateway-section {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .ai-gateway-title {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .central-node {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .central-v {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .model-node {
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .model-node:hover {
    background-color: rgba(16, 16, 20, 0.032);
}

html[data-theme="light"] .model-name {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .inference-label {
    color: hsl(240, 5%, 35.1%);
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .feature-item {
    color: hsl(240, 5%, 35.1%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .ad-top {
    background-color: hsla(240, 5.3%, 92.5%, 0.85);
}

html[data-theme="light"] .ad-top-cta {
    background-color: hsl(240, 7.9%, 94.9%);
}

html[data-theme="light"] .ad-verb {
    color: hsl(99, 12%, 38%);
}

html[data-theme="light"] .ad-params td.req {
    color: hsl(5, 12%, 34.7%);
}

html[data-theme="light"] .bt .bt-head-danger:hover {
    color: hsl(0, 12%, 38%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .bt .bt-vote-down.is-on {
    color: hsl(0, 12%, 38%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .bt .bt-error {
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .bt .bt-modal {
    background-color: hsla(0, 0%, 90%, 0.55);
}

html[data-theme="light"] .bt .bt-person-x:hover {
    color: hsl(0, 12%, 38%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .bt .bt-cite-web {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .bt .bt-unsupported {
    color: hsl(0, 12%, 38%);
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .bt .bt-step.is-done .bt-step-tick {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .bt .bt-step-route .bt-step-tick {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .ab-authors-sep {
    background-color: hsl(240, 5.3%, 98.6%);
}

html[data-theme="light"] .ab-share-btn:hover {
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .ab-article-body tbody tr:hover td {
    background-color: rgba(16, 16, 20, 0.032);
}

html[data-theme="light"] .ab-newsletter-card {
    background-color: hsl(0, 0%, 92.6%);
}

html[data-theme="light"] .ab-newsletter-title {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .ab-newsletter-sub {
    color: hsl(0, 0%, 37.3%);
}

html[data-theme="light"] .ab-newsletter-form input[type="email"] {
    color: hsl(0, 0%, 6%);
    background-color: hsl(0, 0%, 93.4%);
}

html[data-theme="light"] .ab-newsletter-btn:disabled {
    color: hsl(0, 0%, 10.2%);
}

html[data-theme="light"] .ab-newsletter-btn.loading::before {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .ab-newsletter-error {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .ab-newsletter-success-title {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .ab-newsletter-success-sub {
    color: hsl(0, 0%, 37.3%);
}

html[data-theme="light"] .bl-btn {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .bl-filter-link:hover {
    background-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .bl-card-pill {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .bl-empty {
    border-color: rgba(16, 16, 20, 0.204);
}

html[data-theme="light"] .blog-hero {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .blog-badge {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .blog-hero h1 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .blog-hero p {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .category-link:hover,
html[data-theme="light"] .category-link.active {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .help-box {
    background-color: hsl(0, 0%, 91.7%);
}

html[data-theme="light"] .help-box h3 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .featured-img-wrapper {
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .meta-category {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .list-img-wrapper {
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .card-title {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .card-excerpt {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .author-avatar {
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .author-name {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .blog-post-body p {
    color: hsl(240, 4.9%, 16.1%);
}

html[data-theme="light"] .blog-post-body h2 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .blog-post-body h3 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .blog-post-body h4 {
    color: hsl(240, 5.9%, 10%);
}

html[data-theme="light"] .blog-post-body strong,
html[data-theme="light"] .blog-post-body b {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .blog-post-body em,
html[data-theme="light"] .blog-post-body i {
    color: hsl(240, 4.9%, 16.1%);
}

html[data-theme="light"] .blog-post-body a {
    color: hsl(213, 12%, 36.3%);
}

html[data-theme="light"] .blog-post-body a:hover {
    color: hsl(216, 12%, 37.6%);
}

html[data-theme="light"] .blog-post-body ul,
html[data-theme="light"] .blog-post-body ol {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .blog-post-body blockquote {
    color: hsl(240, 4.9%, 16.1%);
}

html[data-theme="light"] .blog-post-body table {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .blog-post-body th {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .blog-post-body tr:hover td {
    background-color: rgba(16, 16, 20, 0.032);
}

html[data-theme="light"] .blog-post-body h5 {
    color: hsl(240, 4.9%, 16.1%);
}

html[data-theme="light"] .meta-dot {
    background-color: hsl(240, 5.3%, 98.6%);
}

html[data-theme="light"] .detail-title {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .detail-hero-image {
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .sidebar-heading::after {
    background-color: hsl(240, 5.9%, 93.3%);
}

html[data-theme="light"] .sidebar-post-thumb {
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .sidebar-post-title {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .sidebar-post-item:hover .sidebar-post-title {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .view-all-link {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .toc-link:hover {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .detail-tag {
    background-color: hsl(0, 0%, 91.7%);
}

html[data-theme="light"] .detail-tag:hover {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .back-nav-top:hover {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .action-btn {
    background-color: hsl(240, 5.9%, 93.3%);
}

html[data-theme="light"] .action-btn:hover {
    color: hsl(0, 0%, 6%);
    background-color: hsl(240, 3.7%, 95.2%);
}

html[data-theme="light"] .share-popup-inner {
    background-color: hsl(240, 5.9%, 93.3%);
}

html[data-theme="light"] .share-popup-header h4 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .share-close-btn:hover {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .share-url-input {
    color: hsl(240, 5%, 35.1%);
    background-color: hsl(0, 0%, 91.7%);
}

html[data-theme="light"] .light-mode .detail-tag {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .light-mode .blog-post-body blockquote {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .light-mode .sidebar-post-date {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .contact-header h1 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .contact-card-container {
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .form-group label {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .form-group .required {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .form-group input,
html[data-theme="light"] .form-group textarea {
    color: hsl(0, 0%, 6%);
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .form-group input:focus,
html[data-theme="light"] .form-group textarea:focus {
    background-color: rgba(16, 16, 20, 0.032);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .contact-footer-link a {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .contact-footer-link a:hover {
    color: hsl(199, 12%, 38%);
}

html[data-theme="light"] .se-chart-tip {
    background-color: hsl(240, 8%, 93.2%);
}

html[data-theme="light"] .dash-notice {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .dash-link-btn.danger:hover {
    color: hsl(0, 12%, 36.5%);
}

html[data-theme="light"] .sidebar-brand span {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .sidebar-account-btn:hover {
    background-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .sidebar-account-btn .user-avatar {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .sidebar-account-name {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .topbar-branding {
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] .topbar-branding span {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .sidebar-plan-badge {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .sidebar-org-selector {
    color: hsl(0, 0%, 6%);
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .sidebar-org-selector:hover {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .nav-item:hover {
    color: hsl(0, 0%, 6%);
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .nav-badge {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .sev-bar-count {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .threat-subnav {
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .subnav-item:hover {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .subnav-item.active {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .filter-badge {
    background-color: rgba(16, 16, 20, 0.08);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .filter-badge span {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .search-input {
    color: hsl(0, 0%, 6%);
    background-color: hsl(0, 0%, 92.6%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .search-input:focus {
    background-color: rgba(16, 16, 20, 0.08);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .dropdown-btn {
    color: hsl(240, 5%, 35.1%);
    background-color: rgba(16, 16, 20, 0.048);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .dropdown-btn:hover {
    background-color: rgba(16, 16, 20, 0.08);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .compact-card {
    background-color: hsl(0, 0%, 92.2%);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .actor-card-header {
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .detection-badge {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .compact-stat .value {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .actor-mini-threats {
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .actor-card-footer {
    background-color: rgba(16, 16, 20, 0.02);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .view-profile-link {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .view-profile-link:hover {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .actor-info {
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .landscape-col-title {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .landscape-stat-badge.criminal {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .social-stat:hover {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .darkweb-image {
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .darkweb-item {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .landscape-card {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .report-item {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .nav-badge.critical {
    color: hsl(0, 12%, 36.5%);
}

html[data-theme="light"] .topbar-toggle:hover {
    background-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .topbar-history:hover {
    background-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .history-item:hover {
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .vul-progress-note {
    color: hsl(202, 12%, 34.1%);
    background-color: hsla(0, 0%, 91.8%, 0.92);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .vul-progress-note::before {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .nav-toggle:hover {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .nav-subitem:hover {
    background-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .ent-locked {
    background-color: rgba(16, 16, 20, 0.035);
    border-color: rgba(16, 16, 20, 0.153);
}

html[data-theme="light"] .ent-locked:hover {
    background-color: rgba(16, 16, 20, 0.08);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .ent-locked-block {
    border-color: rgba(16, 16, 20, 0.153);
}

html[data-theme="light"] .ent-upsell {
    border-color: rgba(16, 16, 20, 0.153);
}

html[data-theme="light"] .ent-upsell-icon {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .ent-upsell-btn {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] html[data-theme="light"] .ent-upsell-btn:hover {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .ent-credits.is-spent .ent-credits-n {
    color: hsl(4, 12%, 38%);
}

html[data-theme="light"] .ent-page-lock-icon {
    border-color: rgba(16, 16, 20, 0.153);
}

html[data-theme="light"] .ed-ring {
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .ed-ring-4 {
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .ed-image-wrapper {
    background-color: rgba(16, 16, 20, 0.024);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .ed-headline-top {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .ed-badge-block {
    background-color: rgba(16, 16, 20, 0.064);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .ed-badge-text {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .ed-desc {
    color: hsl(218, 10.6%, 35.1%);
}

html[data-theme="light"] .features-section {
    background-color: hsl(252, 8%, 91.1%);
}

html[data-theme="light"] .features-header h2 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .text-glow-purple {
    color: hsl(254, 12%, 38%);
}

html[data-theme="light"] .features-header p {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .feature-content h3 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .feature-content p {
    color: hsl(240, 4.9%, 16.1%);
}

html[data-theme="light"] .features-visual {
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .fv-orbit-ring {
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .fv-orbit-node img {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .fv-parsing-panel {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .fv-panel-header {
    background-color: hsl(240, 3.7%, 95.2%);
}

html[data-theme="light"] .fv-panel-title {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .fv-key {
    color: hsl(254, 12%, 38%);
}

html[data-theme="light"] .fv-val {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .fv-mini-card {
    background-color: hsl(240, 3.7%, 95.2%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .fv-evidence-card {
    background-color: hsl(240, 6.1%, 94.3%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .fv-card-header span:first-child {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .fv-conf-badge {
    background-color: hsl(164, 8%, 95.4%);
}

html[data-theme="light"] .fv-card-tabs {
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .fv-card-tabs span.active {
    color: hsl(0, 0%, 6%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .fv-t-point {
    background-color: hsl(240, 5.3%, 98.6%);
}

html[data-theme="light"] .fv-t-line {
    background-color: hsl(240, 3.7%, 95.2%);
}

html[data-theme="light"] .fv-action-box {
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .fv-action-label {
    color: hsl(254, 12%, 38%);
}

html[data-theme="light"] .fv-action-val {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .fm-item {
    color: hsl(240, 4.9%, 16.1%);
}

html[data-theme="light"] .fm-separator {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .gn-id.is-seed {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .gn-conf-seed {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .gn-t-account .gn-ev-type {
    color: hsl(208, 12%, 38%);
}

html[data-theme="light"] .gn-t-crew .gn-ev-type {
    color: hsl(5, 12%, 38%);
}

html[data-theme="light"] .gn-t-contact .gn-ev-type {
    color: hsl(131, 12%, 38%);
}

html[data-theme="light"] .get-secure-section {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .gs-title {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .gs-subtitle {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .gs-btn-secondary {
    color: hsl(0, 0%, 6%);
    background-color: rgba(16, 16, 20, 0.048);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .gs-btn-secondary:hover {
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .gs-browser-mockup {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .gs-browser-header {
    background-color: hsl(240, 3.7%, 95.2%);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .gs-dot {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .gs-browser-content {
    background-color: hsl(0, 0%, 91.7%);
}

html[data-theme="light"] .hl-chip-held.on {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .hl-also summary {
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .hl-tag {
    background-color: hsl(240, 7.9%, 94.9%);
}

html[data-theme="light"] .hl-tag-held {
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .hl-tag-held:hover {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .hl-thumb {
    background-color: hsl(240, 7%, 92.8%);
}

html[data-theme="light"] .hl-src-chip {
    background-color: hsl(240, 7.9%, 94.9%);
}

html[data-theme="light"] .hv2-ring {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .hv2-cta-secondary:hover {
    background-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .hv2-research-box {
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .hv2-research-box:hover {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .hv2-research-label {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .stats3-section {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .stats3-value {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .li2-section {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .li2-featured {
    background-color: hsl(223, 8%, 92.7%);
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .li2-featured:hover,
html[data-theme="light"] .li2-featured:focus {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .li2-read-btn {
    color: hsl(0, 0%, 6%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .li2-featured:hover .li2-read-btn {
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .li2-featured-media {
    background-color: rgba(16, 16, 20, 0.048);
}

html[data-theme="light"] .li2-divider {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .li2-card {
    background-color: hsl(223, 8%, 92.7%);
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .li2-card:hover,
html[data-theme="light"] .li2-card:focus {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .li2-thumb {
    background-color: rgba(16, 16, 20, 0.048);
}

html[data-theme="light"] .li2-author-name {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .api2-terminal {
    background-color: hsl(240, 8%, 91.9%);
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .api2-terminal-bar {
    background-color: rgba(16, 16, 20, 0.048);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .api2-terminal-body {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .api2-t-cmd {
    color: hsl(240, 5.9%, 10%);
}

html[data-theme="light"] .api2-t-str {
    color: hsl(207, 12%, 36.3%);
}

html[data-theme="light"] .api2-t-bool {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .if-tag-tor {
    color: hsl(271, 12%, 38%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .if-mentions {
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .if-crew {
    background-color: hsl(240, 7.9%, 94.9%);
}

html[data-theme="light"] .intel .intel-verdict.is-hit {
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .intel .intel-verdict.is-hit i,
html[data-theme="light"] .intel .intel-verdict.is-hit svg {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .intel .intel-risk {
    color: hsl(0, 12%, 38%);
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .intel .intel-risk-block {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .intel .intel-risk-title {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .intel .intel-chip-risk {
    color: hsl(0, 12%, 38%);
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .intel .intel-chip-risk:hover {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .intel .intel-tag-risk {
    color: hsl(0, 12%, 38%);
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .intel .intel-row-risk td {
    background-color: rgba(16, 16, 20, 0.072);
}

html[data-theme="light"] .intel .intel-map {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .intel .intel-map.leaflet-container {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .intel .intel-map .leaflet-control-zoom a {
    color: hsl(240, 4.5%, 8.6%);
    background-color: hsla(240, 9.1%, 92.8%, 0.92);
    border-color: rgba(16, 16, 20, 0.204);
}

html[data-theme="light"] .intel .intel-map .leaflet-control-zoom a:hover {
    color: hsl(0, 0%, 6%);
    background-color: hsla(240, 7%, 95.6%, 0.95);
}

html[data-theme="light"] .intel .intel-map .leaflet-control-attribution {
    background-color: hsla(0, 0%, 91.8%, 0.82);
}

html[data-theme="light"] .intel .intel-map .leaflet-control-attribution a {
    color: hsla(0, 0%, 6%, 0.68);
}

html[data-theme="light"] .intel .intel-map .leaflet-popup-content-wrapper,
html[data-theme="light"] .intel .intel-map .leaflet-popup-tip {
    color: hsl(240, 4.5%, 8.6%);
    background-color: hsl(240, 8%, 93.7%);
}

html[data-theme="light"] .intel .prov-mark-mono {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .intelligence-flow-section {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .if-container {
    background-color: hsla(240, 10%, 91.9%, 0.5);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .if-header h2 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .if-card-icon {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .if-card:hover .if-card-icon {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .if-card h3 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .if-divider-text span {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .intel .kg-canvas {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .lu-section {
    background-color: hsl(0, 0%, 91.8%);
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .lu-card {
    background-color: hsl(0, 0%, 92.8%);
}

html[data-theme="light"] .lu-card:hover {
    background-color: hsl(0, 0%, 93.2%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .lu-card-title {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .lu-read {
    color: hsl(0, 0%, 37.3%);
}

html[data-theme="light"] .workflow-step:hover {
    background-color: hsla(240, 5.9%, 93.3%, 0.6);
}

html[data-theme="light"] .workflow-step.expanded {
    background-color: hsla(240, 5.9%, 93.3%, 0.7);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .step-title {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .workflow-step.expanded .step-toggle {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .step-details li {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .step-details li strong {
    color: hsl(240, 5.9%, 10%);
}

html[data-theme="light"] .outcome-card:hover {
    background-color: hsla(240, 5.9%, 93.3%, 0.7);
}

html[data-theme="light"] .outcome-card .card-icon {
    color: hsl(240, 5%, 35.1%);
    background-color: hsla(240, 3.7%, 95.2%, 0.8);
}

html[data-theme="light"] .outcome-card:hover .card-icon {
    color: hsl(0, 0%, 6%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .outcome-card h3 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .trust-icon {
    color: hsl(240, 5%, 35.1%);
    background-color: hsla(240, 3.7%, 95.2%, 0.8);
}

html[data-theme="light"] .trust-header h2 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .trust-item h4 {
    color: hsl(240, 5.9%, 10%);
}

html[data-theme="light"] .cta-glass-panel {
    background-color: hsla(240, 5.9%, 93.3%, 0.5);
}

html[data-theme="light"] .cta-glass-panel h2 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .cta-form input[type="email"] {
    color: hsl(0, 0%, 6%);
    background-color: hsla(0, 0%, 90%, 0.5);
}

html[data-theme="light"] .cta-form input[type="email"]:focus {
    background-color: hsla(0, 0%, 90%, 0.7);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] #navbar a[aria-current="page"] {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .pll-card:hover {
    background-color: hsl(0, 0%, 93.2%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .pl-page {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .pl-app-box {
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .pl-ring {
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] .pl-eyebrow {
    background-color: rgba(16, 16, 20, 0.032);
}

html[data-theme="light"] .pl-btn-secondary:hover {
    background-color: rgba(16, 16, 20, 0.08);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .pl-lifecycle-pill {
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .pricing-eyebrow {
    color: hsl(199, 12%, 38%);
}

html[data-theme="light"] .pricing-head h1 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .pricing-head p {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .pricing-every {
    background-color: hsl(240, 5%, 92.6%);
}

html[data-theme="light"] .pricing-every a {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .pricing-every a:hover {
    color: hsl(240, 5.9%, 10%);
}

html[data-theme="light"] .pricing-every em {
    color: hsl(199, 12%, 38%);
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .pricing-card {
    background-color: hsl(240, 5%, 92.6%);
}

html[data-theme="light"] .pricing-card.is-current {
    background-color: hsl(240, 4.2%, 93.1%);
}

html[data-theme="light"] .pricing-flag {
    color: hsl(199, 12%, 38%);
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .pricing-flag-current {
    color: hsl(240, 4.9%, 16.1%);
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .pricing-name {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .pricing-blurb {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .pricing-price {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .pricing-btn {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .pricing-btn:hover {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .pricing-btn-quiet {
    color: hsl(240, 5.9%, 10%);
}

html[data-theme="light"] .pricing-btn-quiet:hover {
    background-color: hsl(240, 5.1%, 93.8%);
}

html[data-theme="light"] .pricing-features h3 {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .pricing-features li {
    color: hsl(240, 4.9%, 16.1%);
}

html[data-theme="light"] .pricing-compare-link {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .pricing-compare-link:hover {
    color: hsl(240, 5.9%, 10%);
}

html[data-theme="light"] .pricing-enterprise {
    background-color: hsl(240, 5%, 92.6%);
}

html[data-theme="light"] .pricing-enterprise h2 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .pricing-enterprise p {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .pricing-table-head h2 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .pricing-table-head p {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .pricing-table-scroll {
    background-color: hsl(240, 5%, 92.6%);
}

html[data-theme="light"] .pricing-table thead th {
    background-color: hsl(240, 6.1%, 93.2%);
}

html[data-theme="light"] .pc-th-name {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .pc-th-price {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .pricing-table thead th.is-current {
    background-color: hsl(200, 8%, 93.9%);
}

html[data-theme="light"] .pc-group th {
    color: hsl(199, 12%, 38%);
}

html[data-theme="light"] .pricing-table tbody th[scope="row"] {
    color: hsl(240, 4.9%, 16.1%);
}

html[data-theme="light"] .pricing-table tbody td {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .pricing-table tbody td.is-current {
    background-color: rgba(16, 16, 20, 0.04);
}

html[data-theme="light"] .pc-num {
    color: hsl(240, 5.9%, 10%);
}

html[data-theme="light"] .pc-yes {
    color: hsl(199, 12%, 38%);
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .pc-no {
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .pricing-reason {
    color: hsl(201, 12%, 23.5%);
    background-color: hsl(204, 8%, 93%);
}

html[data-theme="light"] .pricing-reason svg {
    color: hsl(199, 12%, 38%);
}

html[data-theme="light"] .pricing-ring {
    border-color: rgba(16, 16, 20, 0.094);
}

html[data-theme="light"] html[data-theme="light"] .pricing-card,
html[data-theme="light"] html[data-theme="light"] .pricing-enterprise,
html[data-theme="light"] html[data-theme="light"] .pricing-every,
html[data-theme="light"] html[data-theme="light"] .pricing-table-scroll {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] html[data-theme="light"] .pricing-card.is-current {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] html[data-theme="light"] .pricing-features,
html[data-theme="light"] html[data-theme="light"] .pricing-compare-link,
html[data-theme="light"] html[data-theme="light"] .pricing-features-second {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] html[data-theme="light"] .pricing-every a.is-on {
    color: hsl(0, 0%, 6%);
    background-color: hsl(240, 8%, 92.3%);
}

html[data-theme="light"] html[data-theme="light"] .pricing-every a.is-on em {
    color: hsl(199, 12%, 35.3%);
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] html[data-theme="light"] .pricing-btn {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] html[data-theme="light"] .pricing-btn-quiet {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] html[data-theme="light"] .pricing-btn-quiet:hover {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] html[data-theme="light"] .pricing-btn.is-disabled {
    color: hsl(240, 5.2%, 37.6%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] html[data-theme="light"] .pricing-table thead th {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] html[data-theme="light"] .pc-th-label {
    color: hsl(240, 4.5%, 38%);
}

html[data-theme="light"] html[data-theme="light"] .pc-group th {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] html[data-theme="light"] .pricing-table tbody th[scope="row"] {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] html[data-theme="light"] .pricing-table tbody td {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] html[data-theme="light"] .pc-no {
    color: hsl(240, 5.2%, 37.6%);
}

html[data-theme="light"] html[data-theme="light"] .pricing-features li.is-no {
    color: hsl(240, 5.2%, 37.6%);
}

html[data-theme="light"] html[data-theme="light"] .pricing-reason {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .vp-tab {
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .vp-tab:hover {
    background-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .vp-screen-container {
    background-color: rgba(16, 16, 20, 0.032);
}

html[data-theme="light"] .vp-placeholder {
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .vp-dashboard-img {
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .vp-footer {
    background-color: hsl(240, 8%, 92.5%);
}

html[data-theme="light"] .pe-scroll-reveal-text span.revealed-word {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .vp-protect-section {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .vp-protect-container {
    background-color: hsl(0, 0%, 91.8%);
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] .vp-protect-header h2 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .vp-protect-header p {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .vp-protect-columns {
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] .vp-protect-icon {
    color: hsl(0, 0%, 10.2%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .vp-protect-col h3 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .vp-protect-col p {
    color: hsl(218, 10.6%, 35.1%);
}

html[data-theme="light"] .pe-feature-image-wrapper {
    background-color: rgba(16, 16, 20, 0.048);
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .pe-feature-title {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .pe-feature-desc {
    color: hsl(218, 10.6%, 35.1%);
}

html[data-theme="light"] .rw-s-active .rw-status {
    color: hsl(5, 12%, 38%);
}

html[data-theme="light"] .rw-cell.has-det {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .rw-key.has-det {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .rw-tech:target {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .rw-rule {
    color: hsl(240, 9.5%, 8.2%);
    background-color: hsl(240, 5.3%, 94.9%);
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] .rw-msg.is-anchor {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .rr-hero-section {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .rr-title {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .rr-subtitle {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .rr-search-input-container {
    background-color: hsla(240, 10%, 91.3%, 0.5);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .rr-search-input-container:focus-within {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .rr-search-input {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .rr-search-icon {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .rr-groups-section {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .rr-group-row {
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .rr-group-row:hover {
    background-color: rgba(16, 16, 20, 0.048);
}

html[data-theme="light"] .rr-group-name {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .rr-group-link {
    color: hsla(0, 0%, 6%, 0.6);
}

html[data-theme="light"] .rr-group-row:hover .rr-group-link {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .rq-card {
    background-color: rgba(16, 16, 20, 0.032);
}

html[data-theme="light"] .rq-card:hover {
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .se-ring {
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .se-searchbar:focus-within {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .se-dm-search input:focus {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .se-msg-out .se-msg-bubble {
    color: hsl(203, 12%, 34.1%);
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .se-msg-daysep span {
    background-color: hsla(0, 0%, 91.8%, 0.72);
}

html[data-theme="light"] .se-more-btn {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .se-more-btn:hover:not(:disabled) {
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .se-tv-rank {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .se-tv-stats dd.pos {
    color: hsl(141, 12%, 38%);
}

html[data-theme="light"] .se-tv-stats dd.neg {
    color: hsl(0, 12%, 36.5%);
}

html[data-theme="light"] .se-chip-logo {
    background-color: hsl(0, 0%, 90%);
}

html[data-theme="light"] .se-img {
    background-color: hsl(0, 0%, 90%);
}

html[data-theme="light"] .se-lightbox {
    background-color: hsla(0, 0%, 90%, 0.92);
}

html[data-theme="light"] .se-conf-high {
    color: hsl(21, 12%, 38%);
}

html[data-theme="light"] .se-sug-more:hover {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .se-top50-backdrop {
    background-color: hsla(0, 0%, 90%, 0.62);
}

html[data-theme="light"] .se-ov-exp-high {
    color: hsl(12, 12%, 38%);
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .se-geo-tag-good {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .search-sidebar h3 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .filter-item:hover {
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .filter-item input[type="checkbox"],
html[data-theme="light"] .filter-item input[type="radio"] {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .filter-item input:checked {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .filter-item input:checked::after {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .filter-label {
    color: hsla(0, 0%, 6%, 0.6);
}

html[data-theme="light"] .filter-item:hover .filter-label,
html[data-theme="light"] .filter-item input:checked~.filter-label {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .search-header-text {
    color: hsla(0, 0%, 6%, 0.5);
}

html[data-theme="light"] .search-results-count {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .search-results-count span {
    color: hsla(0, 0%, 6%, 0.6);
}

html[data-theme="light"] .search-result-card {
    background-color: hsl(240, 7.7%, 91.7%);
    border-color: rgba(16, 16, 20, 0.119);
}

html[data-theme="light"] .search-result-card:hover {
    background-color: hsl(240, 5.6%, 92.3%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .badge-blog {
    color: hsl(213, 12%, 36.3%);
}

html[data-theme="light"] .badge-default {
    color: hsla(0, 0%, 6%, 0.6);
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .result-title {
    color: hsl(213, 12%, 36.3%);
}

html[data-theme="light"] .search-result-card:hover .result-title {
    color: hsl(218, 12%, 37.5%);
}

html[data-theme="light"] .search-empty h3 {
    color: hsla(0, 0%, 6%, 0.5);
}

html[data-theme="light"] .search-sidebar {
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .filter-item {
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .sso-article-card {
    background-color: rgba(16, 16, 20, 0.048);
}

html[data-theme="light"] .sso-article-card:hover {
    background-color: rgba(16, 16, 20, 0.08);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .sso-error-alert {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .sso-brand-name {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .sso-google-btn {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .sso-divider::before,
html[data-theme="light"] .sso-divider::after {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .sso-notice-alert {
    color: hsl(202, 12%, 34.1%);
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .sso-slide.is-active:hover {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .sso-dot {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .sso-dot:hover {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] html[data-theme="light"] .sso-dot.is-active {
    background-color: hsl(240, 5.9%, 93.3%);
}

html[data-theme="light"] .sa-pill {
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .navbar-link {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] *,
html[data-theme="light"] :after,
html[data-theme="light"] :before {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] input::-moz-placeholder,
html[data-theme="light"] textarea::-moz-placeholder {
    color: hsl(218, 10.6%, 35.1%);
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
    color: hsl(218, 10.6%, 35.1%);
}

html[data-theme="light"] .bg-\[\#8384bc\]\/10 {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .bg-zinc-900\/50 {
    background-color: hsla(240, 5.9%, 93.3%, 0.5);
}

html[data-theme="light"] .hover\:bg-zinc-900\/50:hover {
    background-color: hsla(240, 5.9%, 93.3%, 0.5);
}

html[data-theme="light"] .the-feed-section {
    color: hsl(240, 5%, 35.1%);
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .the-feed-header h2 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .the-feed-subtext {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .faq-header-side h2 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .faq-qs-badge {
    background-color: hsl(193, 8%, 98.2%);
}

html[data-theme="light"] .faq-item {
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .faq-item:hover {
    background-color: rgba(16, 16, 20, 0.032);
}

html[data-theme="light"] .faq-question h3 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .faq-question h3::before {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .faq-item.active .faq-question h3 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .faq-icon {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .faq-answer-inner {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .aikido-blog-nav-hint {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .aikido-blog-btn {
    color: hsl(0, 0%, 6%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .aikido-blog-btn:hover {
    background-color: rgba(16, 16, 20, 0.08);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .aikido-blog-img-wrapper {
    background-color: hsl(240, 8%, 92.2%);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .aikido-logo-box {
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.204);
}

html[data-theme="light"] .aikido-img-placeholder {
    background-color: hsl(240, 8%, 94%);
}

html[data-theme="light"] .aikido-blog-meta {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .aikido-blog-meta::before {
    background-color: hsl(0, 0%, 96.6%);
}

html[data-theme="light"] .aikido-blog-author strong {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .aikido-blog-title {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .aikido-blog-category {
    color: hsl(240, 4.9%, 16.1%);
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .aikido-blog-date {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .aikido-blog-tag {
    color: hsl(240, 5.9%, 10%);
}

html[data-theme="light"] .aikido-read-btn {
    color: hsl(0, 0%, 6%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .aikido-blog-card:hover .aikido-read-btn {
    background-color: rgba(16, 16, 20, 0.08);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .no-research {
    background-color: rgba(16, 16, 20, 0.032);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .trends-map {
    background-color: hsl(240, 7.7%, 91.7%);
}

html[data-theme="light"] .leaflet-tooltip.trends-map-tip {
    background-color: hsl(240, 8%, 93.2%);
}

html[data-theme="light"] .cookie-banner {
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .cookie-banner-icon {
    background-color: rgba(16, 16, 20, 0.08);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .cookie-banner-title {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .cookie-banner-description {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .cookie-btn-secondary {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .cookie-btn-secondary:hover {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .cookie-modal-overlay {
    background-color: hsla(0, 0%, 90%, 0.7);
}

html[data-theme="light"] .cookie-modal {
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .cookie-modal-title {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .cookie-category-name {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .cookie-badge-required {
    color: hsl(240, 4.9%, 16.1%);
    background-color: rgba(16, 16, 20, 0.09);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .cookie-toggle-slider {
    background-color: hsl(240, 3.7%, 95.2%);
}

html[data-theme="light"] .cookie-toggle input:checked +.cookie-toggle-slider {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .faq2-section {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .faq2-panel {
    background-color: hsl(0, 0%, 92.6%);
}

html[data-theme="light"] .faq2-heading {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .faq2-item {
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .faq2-q {
    color: hsl(0, 0%, 7.1%);
}

html[data-theme="light"] .faq2-a p {
    color: hsl(0, 0%, 38%);
}

html[data-theme="light"] #navbar-search-input:focus {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .trust-strip-section {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .feed-transition-area {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .fp-product-card:hover {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .fp-cat-tab:hover:not(.fp-cat-active) {
    color: hsla(0, 0%, 6%, 0.8);
}

html[data-theme="light"] .fp-text-link {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .fp-text-link:hover {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .sel-g-contact {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .sel-g-infra {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .wl-k-actor {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .wl-k-domain {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .wl-match.is-new {
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .docs-sidebar {
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] .docs-sidebar-link {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .docs-sidebar-link:hover {
    color: hsl(240, 5.9%, 10%);
}

html[data-theme="light"] .docs-sidebar-link.active {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .id-section {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .id-heading {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .id-node {
    background-color: hsl(0, 0%, 92.6%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .id-node span {
    color: hsl(0, 0%, 31%);
}

html[data-theme="light"] .id-vline::before {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .id-vline::after {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .id-core {
    background-color: hsl(210, 8%, 93.1%);
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .active-title h1 {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .active-title p {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .stat-widget {
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] .stat-widget.stat-title {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .stat-widget.stat-value {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .active-search input {
    color: hsl(0, 0%, 6%);
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .active-search svg {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .active-filter-select {
    color: hsl(240, 5.9%, 10%);
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .active-table-container {
    background-color: hsl(0, 0%, 91.8%);
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] .active-table th {
    color: hsl(240, 5%, 35.1%);
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] .active-table td {
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .active-table tbody tr:hover td {
    background-color: rgba(16, 16, 20, 0.032);
}

html[data-theme="light"] .badge-kev {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .priority-score {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .priority-p1 {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .active-drawer-overlay {
    background-color: hsla(0, 0%, 90%, 0.6);
}

html[data-theme="light"] .active-drawer {
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .drawer-header {
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] .drawer-close {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .drawer-close:hover {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .ref-link {
    color: hsl(217, 12%, 38%);
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] body {
    color: hsl(0, 0%, 10.2%);
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .sidebar-dark {
    color: hsl(240, 4.8%, 6%);
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .kill-chain-bg {
    background-color: hsl(0, 0%, 91.8%);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .metadata-value {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .kc-card {
    background-color: hsl(0, 0%, 91.8%);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .kc-header {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .kc-header:hover {
    background-color: hsl(240, 5.9%, 93.3%);
}

html[data-theme="light"] .kc-title {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .kc-content {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .rl-card {
    background-color: hsl(0, 0%, 91.8%);
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] .rl-header:hover {
    background-color: rgba(16, 16, 20, 0.048);
}

html[data-theme="light"] .rl-title {
    color: hsl(240, 5.9%, 10%);
}

html[data-theme="light"] .rl-badge {
    background-color: rgba(16, 16, 20, 0.064);
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .rl-body {
    color: hsl(240, 5%, 35.1%);
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .badge-detection {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .back-btn {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .back-btn:hover {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] html,
html[data-theme="light"] body {
    background-color: hsl(0, 0%, 91.8%);
}

html[data-theme="light"] .page-title {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .timeline-card {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .timeline-card:hover {
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .card-type-icon {
    background-color: rgba(16, 16, 20, 0.032);
}

html[data-theme="light"] .card-desc {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .type-label {
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .side-widget {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .stat-label {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .stat-val {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .feed-table-wrapper {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .feed-table thead th {
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .feed-table tbody td {
    color: hsl(240, 5%, 35.1%);
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .status-actively-exploited {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .chart-card {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .sev-bar-track {
    background-color: rgba(16, 16, 20, 0.048);
}

html[data-theme="light"] #dashboard-network-container {
    background-color: hsl(0, 0%, 91.8%);
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] #graph-intel-sidebar {
    background-color: hsl(240, 8%, 94.3%);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .graph-tab {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .graph-tab:hover {
    color: hsl(240, 4.9%, 16.1%);
}

html[data-theme="light"] .graph-tab.active {
    color: hsl(213, 12%, 36.3%);
}

html[data-theme="light"] .tab-badge {
    color: hsl(240, 4.9%, 16.1%);
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .graph-tab.active.tab-badge {
    color: hsl(213, 12%, 36.3%);
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .intel-card {
    background-color: rgba(16, 16, 20, 0.032);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .intel-card-header {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .card-malicious-badge {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .grid-label {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .grid-value {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .sidebar-filter-btn {
    color: hsl(240, 4.9%, 16.1%);
    background-color: rgba(16, 16, 20, 0.064);
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .sidebar-filter-btn:hover {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .sidebar-search {
    color: hsl(0, 0%, 6%);
    background-color: hsl(235, 8%, 96.2%);
}

html[data-theme="light"] .sidebar-search:focus {
    background-color: hsl(240, 8%, 94.3%);
    border-color: rgba(16, 16, 20, 0.22);
}

html[data-theme="light"] .live-search-dropdown {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .live-search-header {
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .live-search-item {
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .live-search-item:hover {
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .live-search-icon {
    background-color: rgba(16, 16, 20, 0.048);
}

html[data-theme="light"] .live-search-name {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .live-search-name mark {
    color: hsl(199, 12%, 38%);
}

html[data-theme="light"] .live-search-badge.darkweb {
    color: hsl(271, 12%, 38%);
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .live-search-badge.threat_log {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .live-search-loading.spinner {
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .live-search-footer {
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .live-search-footer a:hover {
    color: hsl(199, 12%, 38%);
}

html[data-theme="light"] .glass-dropdown {
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .drop-item {
    color: hsl(240, 4.9%, 16.1%);
}

html[data-theme="light"] .drop-item:hover {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .drop-count {
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .drop-item:hover.drop-count {
    color: hsl(240, 5%, 35.1%);
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .mitre-section-title {
    border-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .clear-filters-btn {
    color: hsl(0, 12%, 38%);
}

html[data-theme="light"] .intel-section-header {
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .intel-section-title {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .intel-card-thumb {
    background-color: hsl(240, 5.9%, 93.3%);
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .intel-title {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .intel-meta span.badge {
    background-color: rgba(16, 16, 20, 0.09);
}

html[data-theme="light"] .intel-timeline {
    background-color: rgba(16, 16, 20, 0.08);
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .timeline-row {
    background-color: hsl(240, 5.9%, 93.3%);
}

html[data-theme="light"] .timeline-row:hover {
    background-color: hsl(240, 3.7%, 95.2%);
}

html[data-theme="light"] .row-title {
    color: hsl(240, 5.9%, 10%);
}

html[data-theme="light"] .glass-panel {
    background-color: hsla(240, 10%, 91.3%, 0.8);
}

html[data-theme="light"] .sidebar {
    background-color: hsl(0, 0%, 91.7%);
    border-color: rgba(16, 16, 20, 0.136);
}

html[data-theme="light"] .sidebar-tabs {
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .sidebar-tab:hover {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .sidebar-tab.badge {
    background-color: rgba(16, 16, 20, 0.08);
}

html[data-theme="light"] .intel-card:hover {
    background-color: rgba(16, 16, 20, 0.064);
    border-color: rgba(16, 16, 20, 0.17);
}

html[data-theme="light"] .intel-report-btn {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .pr-err {
    color: hsl(4, 12%, 26.1%);
}

html[data-theme="light"] .actor-card {
    background-color: hsl(0, 0%, 92.6%);
}

html[data-theme="light"] .actor-card:hover {
    background-color: hsl(240, 5.4%, 94.8%);
}

html[data-theme="light"] .badge-forum {
    color: hsl(213, 12%, 36.3%);
    background-color: hsl(214, 8%, 98.1%);
}

html[data-theme="light"] .badge-email {
    background-color: hsl(120, 8%, 95.6%);
}

html[data-theme="light"] .badge-score {
    background-color: hsl(43, 8%, 94.6%);
}

html[data-theme="light"] .profile-tab:hover {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .profile-tab.active {
    color: hsl(0, 0%, 6%);
    background-color: hsl(240, 3.7%, 93.5%);
}

html[data-theme="light"] .data-table td {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .ta-sidebar {
    border-color: rgba(16, 16, 20, 0.085);
}

html[data-theme="light"] .ta-nav-item:hover {
    color: hsl(0, 0%, 6%);
    background-color: rgba(16, 16, 20, 0.064);
}

html[data-theme="light"] .ta-nav-item.active {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .ta-topbar {
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] .ta-branding {
    border-color: rgba(16, 16, 20, 0.102);
}

html[data-theme="light"] .ta-branding span {
    color: hsl(0, 0%, 6%);
}

html[data-theme="light"] .ta-breadcrumbs {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .ta-breadcrumbs a {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .ta-breadcrumbs a:hover {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .ta-crumb-current {
    color: hsl(240, 4.8%, 6%);
}

html[data-theme="light"] .ta-topbar-link {
    color: hsl(240, 5%, 35.1%);
}

html[data-theme="light"] .ta-topbar-link:hover {
    color: hsl(240, 4.8%, 6%);
    background-color: hsl(0, 0%, 92.6%);
}

html[data-theme="light"] .ta-account {
    color: hsl(0, 0%, 6%);
}


/* ---------- hand-written rules ---------- */
/* ============================================================
   Literal colours that tokens cannot reach
   ============================================================ */

html[data-theme="light"] body,
html[data-theme="light"] html { background: var(--background); color: var(--text-primary); }

/* Panels written as a bare hex in a stylesheet or an inline style. */
html[data-theme="light"] [style*="background:#0e0e0e"],
html[data-theme="light"] [style*="background: #0e0e0e"],
html[data-theme="light"] [style*="background:#0d0d0d"],
html[data-theme="light"] [style*="background:#111113"],
html[data-theme="light"] [style*="background:#131316"] {
    background: var(--surface) !important;
    color: var(--text-primary);
}

/* Tailwind neutrals used across the public pages. Only the ones that
   actually appear are listed; each is the dark-on-dark pairing that would
   otherwise become unreadable. */
html[data-theme="light"] .bg-black,
html[data-theme="light"] .bg-zinc-900,
html[data-theme="light"] .bg-zinc-950,
html[data-theme="light"] .bg-neutral-900,
html[data-theme="light"] .bg-neutral-950 { background-color: var(--surface) !important; }

html[data-theme="light"] .bg-zinc-800,
html[data-theme="light"] .bg-neutral-800 { background-color: #eeeef1 !important; }

html[data-theme="light"] .text-white,
html[data-theme="light"] .text-zinc-100,
html[data-theme="light"] .text-zinc-200 { color: var(--text-primary) !important; }

html[data-theme="light"] .text-zinc-300,
html[data-theme="light"] .text-zinc-400 { color: var(--text-secondary) !important; }

html[data-theme="light"] .text-zinc-500,
html[data-theme="light"] .text-zinc-600 { color: var(--text-muted) !important; }

html[data-theme="light"] .border-zinc-800,
html[data-theme="light"] .border-zinc-900,
html[data-theme="light"] .border-white\/10 { border-color: var(--border) !important; }

/* A white-on-black button has to invert, or it disappears. */
html[data-theme="light"] .bg-white { background-color: #101014 !important; }
html[data-theme="light"] .bg-white.text-black,
html[data-theme="light"] .bg-white .text-black { color: #ffffff !important; }

/* Hover states that assumed a dark ground */
html[data-theme="light"] .hover\:text-white:hover { color: var(--text-primary) !important; }

/* Decorative overlays tuned for a dark ground read as smudges on a light one. */
html[data-theme="light"] .se-rings,
html[data-theme="light"] .se-ring { opacity: 0.5; }

/* The chat canvas: the watermark is white artwork, so in light mode it is
   simply dropped and the pane takes the page colour. An earlier attempt
   inverted the whole pane and un-inverted its children, which is what left
   the conversation on a black background. */

/* Identicons keep their hue but need to sit on a light card. */
html[data-theme="light"] .se-ava-box { background: #ececef; }

/* Chart gridlines and tooltip */
html[data-theme="light"] .se-chart-tip {
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(16, 16, 20, 0.14);
}

html[data-theme="light"] .se-chart-svg line { stroke: rgba(16, 16, 20, 0.10) !important; }

/* Scrollbars */
html[data-theme="light"] .se-engine * { scrollbar-color: #c3c3cc transparent; }
html[data-theme="light"] .se-engine *::-webkit-scrollbar-thumb { background: #c3c3cc; }
html[data-theme="light"] .se-engine *::-webkit-scrollbar-thumb:hover { background: #a8a8b4; }

/* Code and quote blocks */
html[data-theme="light"] .se-code,
html[data-theme="light"] .se-quote { background: #f0f0f3; }

/* ============================================================
   The toggle itself
   ============================================================ */

.theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: none;
    border: 1px solid var(--border, rgba(255, 255, 255, 0.12));
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.theme-toggle:hover { border-color: currentColor; }
.theme-toggle svg { width: 17px; height: 17px; display: block; }

/* Show the icon for the theme you would switch TO. */
.theme-toggle .icon-to-light { display: none; }
.theme-toggle .icon-to-dark { display: block; }
html[data-theme="light"] .theme-toggle .icon-to-light { display: block; }
html[data-theme="light"] .theme-toggle .icon-to-dark { display: none; }

/* In the sidebar it sits with the nav items and matches their shape. */
.sidebar-nav .theme-toggle {
    width: auto;
    justify-content: flex-start;
    border: 0;
    padding: 0;
}

@media (prefers-reduced-motion: reduce) {
    .theme-toggle { transition: none; }
}

/* ============================================================
   Sidebar toggle: matches the nav items around it
   ============================================================ */

.sidebar-nav .theme-toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    color: var(--sidebar-text);
    background: none;
    border: 0;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    transition: color 0.15s, background 0.15s;
}

.sidebar-nav .theme-toggle:hover {
    color: var(--sidebar-text-active);
    background: rgba(255, 255, 255, 0.04);
}

html[data-theme="light"] .sidebar-nav .theme-toggle:hover { background: rgba(16, 16, 20, 0.05); }

.sidebar-nav .theme-toggle svg { width: 18px; height: 18px; flex-shrink: 0; }

/* Collapsed rail: icon only, centred, same behaviour as .nav-item span. */
.sidebar-nav .theme-toggle span { display: none; white-space: nowrap; }
.dashboard-sidebar.expanded .sidebar-nav .theme-toggle span { display: inline; }

.dashboard-sidebar:not(.expanded) .sidebar-nav .theme-toggle {
    justify-content: center;
    padding: 0;
}


/* ------------------------------------------------------------
   Inverted controls keep their own pairing

   A white-on-black button becomes black-on-white, so anything
   inside it must stay light. Without this the generated rules
   darken the label as well and the button reads as a solid
   block.
   ------------------------------------------------------------ */

html[data-theme="light"] .bg-white,
html[data-theme="light"] .hover\:bg-zinc-200:hover { background-color: #101014 !important; }

html[data-theme="light"] .bg-white,
html[data-theme="light"] .bg-white *,
html[data-theme="light"] .bg-white .text-black,
html[data-theme="light"] .bg-white .text-white { color: #ffffff !important; }

/* Category pills get their colour from a per-category palette computed in PHP
   and applied inline, so CSS cannot address each hue. Darkening the whole pill
   keeps the category colour, which is the point of it, while bringing the
   bright cyan/green/orange down to something readable on white. Replacing the
   colour outright, as an earlier version did, made every category look alike. */
html[data-theme="light"] .li2-pill {
    filter: brightness(0.62) saturate(1.5);
}

/* Tailwind arbitrary dark values, which no attribute-free selector reaches. */
html[data-theme="light"] [class*="bg-[#0e0e0e]"],
html[data-theme="light"] [class*="bg-[#111"],
html[data-theme="light"] [class*="bg-black"] {
    background-color: var(--surface) !important;
    color: var(--text-primary);
}

/* ------------------------------------------------------------
   Buttons whose fill is a token but whose label is a literal

   .dash-searchbar button fills with var(--se-txt-1) and writes
   its label as #0e0e0e. Both end up dark in light mode, so the
   label disappears into the fill. The label has to follow the
   fill, not the page.
   ------------------------------------------------------------ */

html[data-theme="light"] .dash-searchbar button,
html[data-theme="light"] .se-searchbar button {
    background: var(--se-txt-1);
    color: var(--se-surface);
}

/* Rank numbers were a muted grey chosen against black; lift them so they
   stay legible on a light card. */
html[data-theme="light"] .dash-rank-n,
html[data-theme="light"] .se-chart-axis span,
html[data-theme="light"] .dash-chart-foot { color: #5a5a66; }

/* ------------------------------------------------------------
   Artwork drawn in white
   ------------------------------------------------------------
   Rings, wordmarks and logos are white strokes on a dark ground.
   They do not disappear in light mode by accident, they become
   white-on-white, so each needs an explicit dark counterpart.
   ------------------------------------------------------------ */

/* Hero concentric rings */
html[data-theme="light"] .hv2-ring,
html[data-theme="light"] .se-ring {
    border-color: rgba(16, 16, 20, 0.16) !important;
}

/* Footer wordmark: an outlined headline, stroked in white */
html[data-theme="light"] .footer-bg-text {
    -webkit-text-stroke-color: rgba(16, 16, 20, 0.28) !important;
    color: transparent !important;
}

/* The VULONE mark is a white SVG. Invert it rather than shipping a second
   file, and hold it back from full black so it reads as a mark, not a blot. */
html[data-theme="light"] .navbar-logo,
html[data-theme="light"] .footer-bg-v-logo,
html[data-theme="light"] .sidebar-brand img,
html[data-theme="light"] img[src*="newvulonelogo"],
html[data-theme="light"] img[src*="vulonefinal"] {
    filter: invert(1) brightness(0.35);
}

/* In the sidebar it sits beside black icons, so keep it quieter still. */
html[data-theme="light"] .sidebar-brand img { filter: invert(1) brightness(0.45); opacity: 0.75; }

/* Lucide icons inherit currentColor, but a few are given a light colour
   directly. Make the dashboard chrome read as dark-on-light. */
html[data-theme="light"] .dashboard-sidebar .nav-item i,
html[data-theme="light"] .dashboard-sidebar .nav-item svg,
html[data-theme="light"] .dashboard-topbar-full i,
html[data-theme="light"] .dashboard-topbar-full svg,
html[data-theme="light"] .sidebar-account-btn i,
html[data-theme="light"] .sidebar-account-btn svg {
    color: #1a1a20;
    stroke: currentColor;
}

/* The sidebar labels take their colour from --sidebar-text and
   --sidebar-text-active, which the generator now converts correctly; hardcoding
   them here was covering up that those tokens were being misclassified. */

/* The forum watermark behind conversations is white artwork. */
html[data-theme="light"] .se-dm .se-convo-body {
    background-image: none;
    background-color: var(--se-bg);
}

/* Cookie consent sits above everything and is styled inline. */
html[data-theme="light"] .cookie-banner,
html[data-theme="light"] .cookie-modal,
html[data-theme="light"] .cookie-modal-content {
    background: var(--surface) !important;
    color: var(--text-primary) !important;
    border-color: var(--border) !important;
}

html[data-theme="light"] .cookie-banner-title,
html[data-theme="light"] .cookie-modal h2,
html[data-theme="light"] .cookie-modal h3 { color: var(--text-primary) !important; }

html[data-theme="light"] .cookie-banner-text,
html[data-theme="light"] .cookie-modal p { color: var(--text-secondary) !important; }

/* The newsletter heading was pure white on a dark footer. */
html[data-theme="light"] .footer-newsletter h3,
html[data-theme="light"] .ab-newsletter-title { color: var(--text-primary) !important; }

/* Tailwind alpha variants (bg-zinc-900/40, bg-black/60 …). The class name
   carries the opacity, so the plain selectors above never match them. */
html[data-theme="light"] [class*="bg-zinc-900/"],
html[data-theme="light"] [class*="bg-zinc-950/"],
html[data-theme="light"] [class*="bg-neutral-900/"],
html[data-theme="light"] [class*="bg-black/"],
html[data-theme="light"] [class*="bg-\[\#0e0e0e\]/"] {
    background-color: rgba(16, 16, 20, 0.04) !important;
}

/* ------------------------------------------------------------
   Plates behind artwork stay dark

   Forum logos are mostly white or light artwork with transparent
   backgrounds, so the chip draws them on a black plate. Flipping
   that plate to light in light mode makes the logo disappear,
   which is exactly what happened. The plate is not a surface, it
   is part of the artwork.
   ------------------------------------------------------------ */

html[data-theme="light"] .se-chip-logo,
html[data-theme="light"] .forum-logo-img,
html[data-theme="light"] .se-forum-logo img {
    background: #0e0e0e !important;
}

html[data-theme="light"] .se-chip-mono {
    background: #0e0e0e !important;
    color: #f4f4f5 !important;
}

/* ------------------------------------------------------------
   Light-mode corrections
   ------------------------------------------------------------ */

/* The conversation watermark: keep the tiled mark, but as grey artwork
   rather than white. Dropping it entirely left the pane looking empty. */
html[data-theme="light"] .se-dm .se-convo-body {
    /* The dark-artwork tile. A filter would have inverted the messages drawn
       over it as well, so light mode gets its own file. */
    background-image: url('/assets/images/vulone-watermark-light.svg');
    background-color: var(--se-bg);
    filter: none;
}

/* Code blocks: dark, but not a black hole in the middle of a light page. */
html[data-theme="light"] .ab-article-body pre,
html[data-theme="light"] .se-code {
    background: #242428 !important;
    color: #e8e8ec !important;
    border: 1px solid rgba(16, 16, 20, 0.12);
}

html[data-theme="light"] .ab-article-body code {
    background: #ebebef !important;
    color: #1f1f24 !important;
}

html[data-theme="light"] .ab-article-body pre code {
    background: transparent !important;
    color: #e8e8ec !important;
}

/* The sign-in button inverts to a dark fill, so its label has to follow it. */
html[data-theme="light"] .sso-submit-btn {
    color: #ffffff !important;
}

/* The FAQ mark sat too light against the panel. */
html[data-theme="light"] .faq2-logo,
html[data-theme="light"] .faq2-section img[src*="newvulonelogo"],
html[data-theme="light"] .faq2-panel img[src*="newvulonelogo"] {
    filter: invert(1) brightness(0.18);
    opacity: 1;
}

/* ------------------------------------------------------------
   Inverted controls: the label must follow the fill

   These fill themselves with a *text* token, so in light mode the
   fill turns dark while a hardcoded dark label stays dark, the
   control becomes a solid block. The label has to invert with it.
   ------------------------------------------------------------ */

html[data-theme="light"] .wl-add button,
html[data-theme="light"] .se-letterbar a.active,
html[data-theme="light"] .se-pager a.se-pager-current,
html[data-theme="light"] .se-searchbar button,
html[data-theme="light"] .dash-searchbar button {
    background: var(--se-txt-1);
    color: var(--se-surface) !important;
}

/* The account avatar fills with the accent and draws a white glyph. */
html[data-theme="light"] .user-avatar,
html[data-theme="light"] .sidebar-account-btn .user-avatar {
    background: var(--accent);
    color: #ffffff;
}

html[data-theme="light"] .user-avatar i,
html[data-theme="light"] .user-avatar svg { color: #ffffff; stroke: #ffffff; }

/* ------------------------------------------------------------
   Sidebar theme toggle sits on the same rail as the nav items
   ------------------------------------------------------------ */

/*
 * The toggle is a nav item that happens not to navigate, so it copies
 * .nav-item's box rather than approximating it.
 *
 * This block used to describe an older rail -- 48px rows, 20px icons, a 3px
 * transparent left border standing in for the active marker -- and none of
 * that survived the redesign. Its collapsed rule pinned the toggle to
 * `justify-content: flex-start; padding: 0 18px`, which is precisely why the
 * sun sat left of the column every other icon shares: the rail centres its
 * icons now, and this one rule opted out.
 *
 * Every value below mirrors .nav-item in dashboard.css. If that box moves,
 * this moves with it.
 */
.sidebar-nav .theme-toggle {
    /* auto, not 100%: it carries side margins like a nav item, and 100%
       plus those margins is 12px wider than the rail. */
    width: auto;
    height: 38px;
    margin: 1px 6px;
    padding: 0;
    gap: 0;
    border: 0;
    border-radius: 9px;
    justify-content: center;
}

.sidebar-nav .theme-toggle svg { width: 17px; height: 17px; opacity: 0.65; }
.sidebar-nav .theme-toggle:hover svg { opacity: 1; }

/* Expanded, the label appears and the icon joins the text column. */
.dashboard-sidebar.expanded .sidebar-nav .theme-toggle {
    justify-content: flex-start;
    gap: 12px;
    padding: 0 11px;
}

/* ------------------------------------------------------------
   Chart caption clears the date axis
   ------------------------------------------------------------ */

.dash-chart-foot {
    margin-top: 14px;
    padding-top: 0;
    text-align: center;
    width: 100%;
}

/* The stack accordion carries each layer's hue in an inline --layer-color, which
   outranks any selector, so the pills cannot be restyled per layer from here
   without collapsing all six to one colour. Mixing the hue toward ink darkens
   the text just enough to hold against a light ground while each layer stays
   recognisably its own colour. Only `color` is mixed -- the tinted plate and
   border keep their pale wash. */
html[data-theme="light"] .sa-pill,
html[data-theme="light"] .sa-item.is-active .sa-num {
    color: color-mix(in srgb, var(--layer-color) 55%, #0e0e12);
}

/* The article category pills take their colour from --ab-accent-bright, a cyan.
   HSL lightness and perceived luminance part company badly on cyan: darkening it
   to the same lightness as a blue still leaves it far too bright to read on a
   light ground. Mixing toward ink fixes the luminance directly, and the pills
   get a real plate since their tint token is a white wash that vanishes here. */
html[data-theme="light"] .ab-pill,
html[data-theme="light"] .ab-related-pill {
    color: color-mix(in srgb, var(--ab-accent-bright) 50%, #0e0e12);
    background: rgba(16, 16, 20, 0.075);
}

/* ------------------------------------------------------------
   Semantic colours: status codes and severity
   ------------------------------------------------------------
   These are excluded from the automatic conversion because red has
   to stay red -- inverting them would destroy their meaning. But the
   dark theme picked mid and pale tints that are tuned for a black
   ground: amber at #eab308 lands at 1.7:1 against a light page, and
   the pale #86efac is worse. Same hues, darker shades: the colour
   still reads as the same signal, and the label is legible.
   ------------------------------------------------------------ */

html[data-theme="light"] .dash-status-ok   { color: #15803d; border-color: rgba(21, 128, 61, 0.30); }
html[data-theme="light"] .dash-status-warn { color: #a16207; border-color: rgba(161, 98, 7, 0.30); }
html[data-theme="light"] .dash-status-err  { color: #b91c1c; border-color: rgba(185, 28, 28, 0.30); }
html[data-theme="light"] .dash-badge-on    { color: #15803d; border-color: rgba(21, 128, 61, 0.30); }

html[data-theme="light"] .dashboard-container,
html[data-theme="light"] .se-engine,
html[data-theme="light"] body {
    --severity-critical: #b91c1c;
    --severity-high: #c2410c;
    --severity-medium: #a16207;
    --severity-low: #15803d;
}

/* Genome timeline: the event-type column is the only colour in a dense list,
   so it has to carry meaning at a glance. The dark palette is tuned against a
   near-black rail and washes out on white, and the automatic conversion lands
   it at 2:1. Same hues, darker shades. */
html[data-theme="light"] .gn-t-account .gn-ev-type  { color: #2c5f8f; }
html[data-theme="light"] .gn-t-selector .gn-ev-type { color: #8a5f16; }
html[data-theme="light"] .gn-t-crew .gn-ev-type     { color: #a33e34; }
html[data-theme="light"] .gn-t-contact .gn-ev-type  { color: #37714a; }

/* The confidence bar behind a number: a light wash on a light card vanishes. */
html[data-theme="light"] .gn-conf {
    background: linear-gradient(to right,
        rgba(11, 111, 156, 0.16) calc(var(--c, 0) * 1%),
        transparent calc(var(--c, 0) * 1%));
}