html[data-theme="dark"] {

    --bg-main: #111;
    --cl-main: #eee;

    --bg-top-start: #000000; --bg-top-end: #00060b;
    --bg-contact-end: #001112;
    --bg-foot-end: #000d0f;

    --bg-panel: linear-gradient(135deg, #111, #303030);
    --cl-panel: #999;

    --cl-links: #77ffff;
    --cl-lk-hover: #d5ff80;
    --cl-lk-visited: #77ffff;

    --cl-td: #efffca;
    --cl-h1: #e2ff94;
    --cl-h2: #ffc18e;
    --cl-h3: #ff928e;
    --cl-h4: #fb8eff;

    --cl-hl: #b0fbfe;

    --cl-1: #111;
    --cl-3: #333;
    --cl-5: #555;
    --cl-7: #777;
    --cl-8: #888;
    --cl-f: #fff;
    --bg-bq: var(--bg-panel);
    --cl-bq: var(--bg-panel);
    --cl-icon: #d99029;

   --cl-thead: #f2ffd8;
   --bg-thead: #0b1e1d;
    /* --cl-summary: #222; */
    --bg-summary: #434343;
    --bd-summary: white;

    background-color: var(--bg-main);
    color: var(--cl-main);
}