/* Tenable color — source: Tenable Brand Guidelines, Color (pp. 79–89). */
:root{
/* Primary palette, weighted in order of importance */
--color-soft-black:#1E2426;      /* RGB 30,36,38 · PMS 426 C — graphics, fills, page backgrounds */
--color-pure-black:#192124;      /* RGB 25,33,36 · PMS Black 3 C — TEXT AND LOGOS ONLY */
--color-white:#FFFFFF;
--color-highlight-yellow:#E7FF00;/* RGB 231,255,0 · PMS 395 C — emphasis, focus, action. Never text on white. */

/* Tonal palette — UI & digital. B = dark ramp, Y = light ramp */
--color-b-00:#1E2426;            /* Black */
--color-b-10:#2B2F31;
--color-b-20:#44494B;            /* main gray accent */
--color-b-30:#5B6062;
--color-b-40:#737778;
--color-b-50:#757575;
--color-y-00:#FFFFFF;            /* White */
--color-y-10:#F2F2F2;
--color-y-20:#E6E6E6;
--color-y-30:#D9D9D9;
--color-y-40:#CCCCCC;            /* photography & product backdrops */
--color-y-50:#969696;

/* Data palette — charts only; use exclusively in this sequence, primarily on black */
--color-data-yellow:#E7FF00;
--color-data-white:#FFFFFF;
--color-data-gray:#44494B;       /* PMS Cool Grey 11 C */
--color-data-blue:#4EA5FF;       /* PMS 2915 C */
--color-data-green:#71FFC6;      /* PMS 7478 C (guide lists RGB 112,255,199; HEX wins for digital) */
--color-data-purple:#BB8FF2;     /* PMS 2645 C */
--color-data-orange:#FF8837;     /* PMS 164 C */
--color-data-1:var(--color-data-yellow);
--color-data-2:var(--color-data-white);
--color-data-3:var(--color-data-gray);
--color-data-4:var(--color-data-blue);
--color-data-5:var(--color-data-green);
--color-data-6:var(--color-data-purple);
--color-data-7:var(--color-data-orange);

/* Observed on tenable.com (not in the printed palette) */
--color-web-gray-text:#A8ADB0;   /* secondary copy on soft black (mega menu descriptions) */

/* ---------- Semantic aliases — light (default) ---------- */
--surface-page:var(--color-white);
--surface-subtle:var(--color-y-10);
--surface-muted:var(--color-y-20);
--surface-backdrop:var(--color-y-40);
--surface-inverse:var(--color-soft-black);
--surface-inverse-raised:var(--color-b-10);
--surface-accent:var(--color-highlight-yellow);
--surface-scrim:rgba(30,36,38,.5);

--text-primary:var(--color-pure-black);
--text-secondary:var(--color-b-20);
--text-tertiary:var(--color-b-40);
--text-inverse:var(--color-white);
--text-inverse-secondary:var(--color-web-gray-text);
--text-on-accent:var(--color-pure-black);
--text-accent-on-dark:var(--color-highlight-yellow); /* yellow text: ONLY on soft black */

--border-subtle:var(--color-y-30);
--border-default:var(--color-y-50);
--border-strong:var(--color-soft-black);
--border-inverse:var(--color-b-20);
--border-inverse-strong:var(--color-b-30);

--accent:var(--color-highlight-yellow);
--accent-contrast:var(--color-pure-black);
--highlight:var(--color-highlight-yellow);
--focus-ring:var(--color-soft-black);

--status-critical:var(--color-data-orange);
--status-info:var(--color-data-blue);
--status-success:var(--color-data-green);
--status-neutral:var(--color-b-20);
}

/* ---------- Dark surface scope (soft-black pages, website chrome) ---------- */
[data-theme="dark"]{
--surface-page:var(--color-soft-black);
--surface-subtle:var(--color-b-10);
--surface-muted:var(--color-b-20);
--surface-inverse:var(--color-white);
--surface-inverse-raised:var(--color-y-10);
--text-primary:var(--color-white);
--text-secondary:var(--color-web-gray-text);
--text-tertiary:var(--color-y-50);
--text-inverse:var(--color-pure-black);
--text-inverse-secondary:var(--color-b-20);
--border-subtle:var(--color-b-20);
--border-default:var(--color-b-30);
--border-strong:var(--color-white);
--focus-ring:var(--color-highlight-yellow);
}