html[data-theme="light"] {
    --bg-main: #fff;
    --cl-main: #333;

    --bg-top-start: #121818; --bg-top-end: #181c1b;
    --bg-contact-end: #594e3e;
    --bg-foot-end: #856e4f;


    --bg-panel: #fcfffa;
    --cl-panel: #999;

    --cl-links: #d99029;
    --cl-lk-hover: #c1c400;
    --cl-lk-visited: #ff9f19;

    --cl-h1: #000;
    --cl-h2: #111;
    --cl-h3: #222;
    --cl-h4: #333;

    --cl-hl: #b0fbfe;

    --cl-1: #111;
    --cl-3: #a29a80;
    --cl-5: #c8c8c8;
    --cl-7: #e3e3e3;
    --cl-8: #888;
    --cl-f: #fff;
    --bg-bq: #f8fff0;
    --cl-bq: #444;
    --cl-icon: #77ffff;

   --cl-thead: black;
   --bg-thead: #cec4b8;
    /* --cl-summary: #222; */
    --bg-summary: #b4b4b4;
    --bd-summary: black;

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

   .menu-title::before {
      color: #ccc;
}