/* Phleb-Finders Dark theme: core Dark theme + brand palette overlay.
   Palette + extra variable overrides ported from our "Phleb-Finders Dark"
   LookAndFeel record (including its custom CSS block). */

@import url("../../../../css/espo/dark.css");

:root {
    --body-bg: #14181c;
    --panel-bg: #1c2227;
    --text-color: #e2e7ea;
    --text-gray-color: #9aa7ae;
    --gray-light: #cfd6da;
    --gray: #aab4ba;

    --navbar-bg: #12293c;
    --navbar-link-color: #dfe9f2;
    --navbar-inverse-bg: #08365c;
    --navbar-inverse-link-color: #e8eef4;
    --navbar-logo-bg: #062c4c;

    --brand-primary: #3d85c6;
    --brand-success: #5faf63;
    --brand-warning: #dda23e;
    --brand-danger: #e05a80;
    --brand-info: #5ab6d9;

    --btn-primary-bg: #3d85c6;
    --btn-primary-border: #3d85c6;
    --btn-primary-hover-bg: #2f6ea8;
    --btn-primary-hover-border: #2f6ea8;
    --btn-primary-active-bg: #295f91;
    --btn-primary-active-border: #295f91;

    --select-item-active-bg: #3d85c6;

    --default-border-color: #313a41;
    --panel-default-border: #313a41;
    --popover-bg: #222930;
    --btn-default-bg: #232b31;
    --btn-default-border: #39434b;
    --table-bg-accent: #1f262c;

    --border-radius: 0.3125rem;
    --border-radius-small: 0.25rem;

    /* Extra overrides carried over from the record's custom CSS block. */
    --default-heading-bg-color: #222930;

    --navbar-inverse-link-hover-bg: #0a4372;
    --navbar-inverse-link-active-bg: #0d4d82;
    --navbar-inverse-link-icon-color: #b9cfe2;
    --navbar-inverse-link-icon-hover-color: #e8eef4;

    --link-color: #6db3e8;
    --link-hover-color: #8fc6f0;

    --input-color: #e2e7ea;
    --input-bg: #171d22;
    --input-border: #39434b;
    --input-border-focus: #3d85c6;
    --input-bg-disabled: #1c2227;
    --input-color-disabled: #7d8891;

    --modal-backdrop-bg: rgba(0, 0, 0, 0.6);
    --modal-header-bg: #222930;
    --modal-footer-bg: #1a2025;
    --modal-content-bg: #1c2227;

    --panel-default-bg: #1c2227;
    --panel-default-text: #e2e7ea;

    --dropdown-bg: #222930;
    --dropdown-link-color: #e2e7ea;
    --dropdown-link-hover-color: #ffffff;
    --dropdown-link-hover-bg: #2b343c;
    --dropdown-border: #39434b;
    --dropdown-divider-bg: #313a41;
    --dropdown-link-active-bg: #0b5394;

    --calendar-today-bg: #23313c;
    --calendar-border: #313a41;
    --select-item-bg: #2b343c;
    --select-item-border: #39434b;

    --well-bg: #171d22;
    --well-border: #313a41;

    --code-bg: #12171b;
    --code-color: #d7e2e8;
    --code-border-color: #313a41;

    --scroll-bg: #171d22;
    --scroll-thumb-bg: #39434b;

    --site-footer-color: #9aa7ae;
}