/* Settings for OS light/dark mode */
/* Light Theme */
@media (prefers-color-scheme: light) {
  :root {
    --color-bg: #ffffff;
    --color-header-bg: #00072f;
    --color-header: #ffffff;
    --color-header-br: #bba96c;
    --color-header-bg-hv: #4f575f;
    --color-header-hv: #ffffff;

    --color-header-submenue-bg: #282c4e;
    --color-header-submenue-br: #606d79;
    --color-header-submenue: #ffffff;

    --color-header-dropdown-link: #bba96c;
    --color-header-dropdown-link-hv: #a4a4b4;
    --color-slider-bg: #ccc;
    --color-slider-bg-on: #00072f;
    --color: #000;
    --color-aside-bg: #00072f;
    --color-aside-br: #606d79;
    --color-aside: #ffffff;
    --color-aside-hv: #ffffff;
    --color-aside-bg-hv: #4f575f;
    --color-slider: #ffffff;
    --color-chat-list-item-bg:#fff;
    --color-chat-list-item: #000;
    --color-chat-list-item-br: #dee2e6;
    --color-chat-list-item-bg-hv: #f8f9fa;
    --color-chat-list-item-hv: #000;
    --color-chatbox-bg: #f5f5f5;
    --color-chatbox-br: #d7d7dd;
    --color-chatbox-header-bg:#c4c4cc;
    --color-chatbox-header: #00072f;
    --color-message-bg: #ffffff;
    --color-message: #333333;
    --color-message-placeholder: #333333;
    --color-assistant-message-bg: #fff;
    --color-assistant-message:#333333;
    --color-user-message-bg:#c4c4cc;
    --color-user-message:#333333;
    --color-btn-bg: #00072f;
    --color-btn-br: #00072f;
    --color-btn: #ffffff;
    --color-btn-bg-hv: #bba96c;
    --color-btn-br-hv: #bba96c;
    --color-btn-hv: #ffffff;
    --color-link: #00072f;
    --color-link-hv: #bba96c;
    --color-cookie-con-bg: white;
    --color-cookie-con-br: #6d6d6d;
    --color-cookie-opt-bg: #f7f7f7;
    --color-cookie-opt: #555;
    --color-cookie-spec-table-bg: #fff;
    --color-cookie-spec-table-br: #ccc;
    --color-cookie-spec-table: #000;
    --color-cookie-spec-table-dropdown-hv: #808080;

    --color-input-bg: #ffffff;
    --color-input: #212529;
    --color-input-br: #dee2e6;

    --color-input-active: #ffffff;
    --color-input-active-bg: #0d6efd;
    --color-input-active-br: #0d6efd;
    --color-input-disabled: rgba(33,37,41,0.75);
    --color-input-disabled-bg: #e9ecef;
    --color-input-disabled-br: #dee2e6;
    --color-input-focus-bg: #e9ecef;
    --color-input-hv: #0a58ca;
    --color-input-bg-hv: #f8f9fa;
    --color-input-br-hv: #dee2e6;

    --color-input-placeholder: #888888;
    --color-input-file-selector-button-bg: #f8f9fa;
    --color-input-file-selector-button-bg-hv: #e9ecef;
    --color-input-file-selector-button: #212529;

    --color-btn-del-bg: #e61919;
    --color-btn-del: #fff;
    --color-btn-del-br: #e61919;
    --color-btn-del-bg-hv: #fff;
    --color-btn-del-hv: #e61919;
    --color-btn-del-br-hv: #e61919;

    --color-btn-edit-bg: #808080;
    --color-btn-edit: #fff;
    --color-btn-edit-br: #808080;
    --color-btn-edit-bg-hv: #fff;
    --color-btn-edit-hv: #808080;
    --color-btn-edit-br-hv: #808080;

    --color-popup-bg: #f4f4f4;
    --color-popup-br: #6d6d6d;
    --color-popup: #000;

    --color-faq-section-bg: #f4f4f4;
    --color-dots: #000;
    --color-light-grey: #f4f4f4;
    --color-br-light-grey: #808080;

    --img-dropdown-arrow-down: url("images/arrow_down_white_20x20.svg");
    --img-dropdown-arrow-up: url("images/arrow_up_white_20x20.svg");
    --img-dropdown-arrow-down-hv: url("images/arrow_down_white_20x20.svg");
    --img-dropdown-arrow-up-hv: url("images/arrow_up_white_20x20.svg");

    --img-external-link-small: url("images/external_link_blue_16x16.svg");
    --img-external-link-small-hv: url("images/external_link_gold_16x16.svg");

    --img-external-link-header: url("images/external_link_white_16x16.svg");
    --img-external-link-header-hv: url("images/external_link_white_16x16.svg");


  }
}

/* Dark Theme */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #00072f;
    --color: #ffffff;
    --color-header-bg: #121212;
    --color-header: #fff;
    --color-header-br: #bba96c;
    --color-header-bg-hv: #6d6d6d;
    --color-header-hv: #ffffff;

    --color-header-submenue-bg: #333333;
    --color-header-submenue-br: #606d79;
    --color-header-submenue: #ffffff;

    --color-header-dropdown-link: #bba96c;
    --color-header-dropdown-link-hv: #a4a4b4;
    --color-aside-bg: #222222;
    --color-aside-br: #606d79;
    --color-aside: #fff;
    --color-aside-hv: #ffffff;
    --color-aside-bg-hv: #6d6d6d;
    --color-slider-bg: #00072f;
    --color-slider: #ffffff;
    --color-chat-list-item-bg:#121212;
    --color-chat-list-item: #fff;
    --color-chat-list-item-br: #3b3c3e;
    --color-chat-list-item-bg-hv: #222222;
    --color-chat-list-item-hv: #fff;
    --color-chatbox-bg: #222222;
    --color-chatbox-br: #3b3c3e;
    --color-chatbox-header-bg: #808080;
    --color-chatbox-header: #fff;
    --color-message-bg: #121212;
    --color-message: #c4c4cc;
    --color-message-placeholder: #c4c4cc;
    --color-assistant-message-bg: #121212;
    --color-assistant-message:#c4c4cc;
    --color-user-message-bg:#333333;
    --color-user-message:#ffffff;
    --color-btn-bg: #bba96c;
    --color-btn-br: #bba96c;
    --color-btn: #000;
    --color-btn-bg-hv: #a4a4b4;
    --color-btn-br-hv: #a4a4b4;
    --color-btn-hv: #ffffff;
    --color-link: #bba96c;
    --color-link-hv: #a4a4b4;
    --color-cookie-con-bg: #00072f;
    --color-cookie-con-br: #333333;
    --color-cookie-opt-bg: #808080;
    --color-cookie-opt: #fff;
    --color-cookie-spec-table-bg: #121212;
    --color-cookie-spec-table-br: #808080;
    --color-cookie-spec-table: #fff;
    --color-cookie-spec-table-ddown-hv: #333333;

    --color-input-bg: #121212;
    --color-input: #ffffff;
    --color-input-br: #444444;

    --color-input-active: #000000;
    --color-input-active-bg: #bba96c;
    --color-input-active-br: #bba96c;
    --color-input-disabled: #ffffff;
    --color-input-disabled-bg: #444444;
    --color-input-disabled-br: #444444;
    --color-input-focus-bg: #e9ecef;
    --color-input-hv: #ffffff;
    --color-input-bg-hv: #555555;
    --color-input-br-hv: #555555;

    --color-input-placeholder: #888888;
    --color-input-file-selector-button-bg: #333333;
    --color-input-file-selector-button-bg-hv: #555555;
    --color-input-file-selector-button: #fff;

    --color-btn-del-bg: #e61919;
    --color-btn-del: #fff;
    --color-btn-del-br: #e61919;
    --color-btn-del-bg-hv: #222222;
    --color-btn-del-hv: #e61919;
    --color-btn-del-br-hv: #e61919;

    --color-btn-edit-bg: #808080;
    --color-btn-edit: #fff;
    --color-btn-edit-br: #808080;
    --color-btn-edit-bg-hv: #222222;
    --color-btn-edit-hv: #fff;
    --color-btn-edit-br-hv: #fff;

    --color-popup-bg: #121212;
    --color-popup-br: #606d79;
    --color-popup: #f4f4f4;

    --color-faq-section-bg: #333333;
    --color-dots: #a4a4b4;
    --color-light-grey: #333333;
    --color-br-light-grey: #808080;

    --img-dropdown-arrow-down: url("images/arrow_down_white_20x20.svg");
    --img-dropdown-arrow-up: url("images/arrow_up_white_20x20.svg");
    --img-dropdown-arrow-down-hv: url("images/arrow_down_white_20x20.svg");
    --img-dropdown-arrow-up-hv: url("images/arrow_up_white_20x20.svg");

    --img-external-link-small: url("images/external_link_gold_16x16.svg");
    --img-external-link-small-hv: url("images/external_link_greyblue_16x16.svg");

    --img-external-link-header: url("images/external_link_white_16x16.svg");
    --img-external-link-header-hv: url("images/external_link_white_16x16.svg");
  }
}