/*
 * ZynoSuite v2 — Color tokens
 *
 * Refresh, not rebrand. Operator-dense. Warm neutral surfaces, hairline
 * borders, cobalt accent, almost no shadow. Sourced verbatim from the SPA's
 * src/shared/styles/v2/foundation.css so the design system and the product
 * stay byte-for-byte in agreement.
 *
 * Tokens are unprefixed, semantic-first custom properties. Components built on
 * them are prefixed `.zs-*`.
 */

:root {
    /* ── Canvas / surfaces (warm neutrals) ────────────────────────── */
    --bg: #f7f6f3; /* app canvas */
    --bg-sunk: #efeeea; /* recessed — toolbars, gutters */
    --surface: #ffffff; /* lifted pane */
    --surface-2: #faf9f7; /* sub-pane on white */
    --surface-3: #f3f2ef; /* deeper inset */

    /* ── Chrome (sidebar / dark surfaces) ─────────────────────────── */
    --chrome: #1e293b; /* slate-800 — sidebar */
    --chrome-2: #273449; /* hover */
    --chrome-3: #334155; /* slate-700 — active */

    /* ── Text / ink ───────────────────────────────────────────────── */
    --ink: #11110f; /* primary */
    --ink-2: #44423d; /* secondary */
    --ink-3: #76746e; /* tertiary / muted */
    --ink-4: #a8a59e; /* faint — placeholder, disabled */
    --ink-on-chrome: #f1f5f9; /* slate-100 — primary on chrome */
    --ink-on-chrome-2: #94a3b8; /* slate-400 — secondary on chrome */

    /* ── Lines / hairlines ────────────────────────────────────────── */
    --line: #e8e6e0; /* default hairline */
    --line-2: #d9d6cf; /* stronger control border */
    --line-strong: #d9d6cf; /* alias of --line-2 */
    --line-on-chrome: #334155;

    /* ── Accent (cobalt) ──────────────────────────────────────────── */
    --accent: #2855d4;
    --accent-hover: #1f47b8;
    --accent-soft: #e8edfb; /* soft fill — active rows, tints */
    --accent-ink: #1e3fa8; /* accent text on soft fill */
    --accent-tint: #d2dcf3; /* focus rings */
    /* Atmosphere — cobalt at a few percent, for washing a whole surface rather
       than filling an element. Alpha, not a solid, so it tints whatever ground
       it lands on. Used by the websites' hero washes and the support docs hero. */
    --accent-wash: rgba(40, 85, 212, 0.055);

    /* ── Semantic ─────────────────────────────────────────────────── */
    --ok: #1f7a4d;
    --ok-soft: #e6f1ea;
    --warn: #b66b00;
    --warn-soft: #fbeed7;
    --err: #b3321b;
    --err-soft: #fbe5df;
    --info: #3060c2;
    --info-soft: #e6edfa;

    /* ── Live status dots (presence / call state) ─────────────────── */
    --status-ok: #22c55e; /* green-500 */
    --status-busy: #ef4444; /* red-500 */
    --status-idle: #94a3b8; /* slate-400 */
}