:root{
    /* ── base palette ── */
    --bg:#0a0a0b; --card:#16161a; --card2:#111114; --elev:#20202a; --bd:#2a2a31; --bd2:#1f1f26;
    --tx:#ededf0; --mut:#9a9aa6; --sub:#c3c3cc; --amber:#f4c44f; --red:#ec6b75; --green:#5ccf86;
    --blue:#6fa5f5; --violet:#b39ae0; --bdh:#3a3a45;
    /* ── ink on solid fills ── */
    --amber-ink:#1a1206; --ok-ink:#08130c; --muted-2:#63636d;
    /* ── status tints: surface / border / (soft text) ── */
    --ok-bg:#132018; --ok-bd:#2c4a37; --ok-wash:rgba(89,207,136,.15);
    --warn-bg:#201b10; --warn-bd:#4a3d1e; --warn-bg2:#3a2a10; --enc-bg:#2a2016;
    --bad-bg:#201316; --bad-bd:#4a2328; --bad-tx:#d9a0a6;
    --info-bg:#12212e; --info-tx:#7fc7ff;
    --violet-bg:#161320; --violet-bd:#3a3050; --violet-tx:#b9a9e0; --demo-bg:#1a1626;
    --ig-bg:#2a1630; --ig-tx:#e59cff; --drag-bg:#1a1710;
    /* ── amber washes ── */
    --amber-wash:rgba(244,196,79,.07); --amber-wash-2:rgba(244,196,79,.09); --amber-wash-3:rgba(244,196,79,.14);
    /* ── elevation + overlay ── */
    --sh-1:0 10px 30px rgba(0,0,0,.45); --sh-2:0 20px 60px rgba(0,0,0,.5); --sh-card:0 1px 2px rgba(0,0,0,.24),0 6px 20px rgba(0,0,0,.16);
    --overlay:rgba(0,0,0,.5); --overlay-2:rgba(0,0,0,.55);
    /* ── radius scale ── */
    --r-xs:5px; --r-sm:7px; --r-md:9px; --r-lg:12px; --r-xl:14px; --r-pill:999px;
    /* ── spacing scale ── */
    --s1:4px; --s2:6px; --s3:8px; --s4:10px; --s5:12px; --s6:14px; --s7:16px; --s8:20px; --s9:24px;
    /* ── type scale ── */
    --fs-xs:10.5px; --fs-sm:11.5px; --fs-base:12.5px; --fs-md:13.5px; --fs-lg:15px; --fs-xl:18px; --fs-2xl:22px; --fs-3xl:26px;
    --mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  }