/* Application themes. Classic values live on :root in Site.css. */

html.theme-ocean {
    --main-color: #0b3a5bcc;
    --nav-start: #0b3a5b;
    --nav-end: #1a7a8c;
    --btn-primary: #0e7490;
    --btn-primary-hover: #155e75;
    --card-header-start: #0e7490;
    --card-header-end: #0f766e;
    --table-header: #0e7490;
    --table-header-alt: #155e75;
    --table-hover: #c5e4e8;
    --heading-accent: #0e7490;
    --sale-header-start: #0b3a5b;
    --sale-header-end: #1a7a8c;
    --dropdown-bg: #0e7490;
    --dropdown-hover: #155e75;
    --login-start: #0b3a5b;
    --login-end: #1a7a8c;
}

html.theme-forest {
    --main-color: #14532dcc;
    --nav-start: #14532d;
    --nav-end: #3f6212;
    --btn-primary: #166534;
    --btn-primary-hover: #14532d;
    --card-header-start: #166534;
    --card-header-end: #3f6212;
    --table-header: #166534;
    --table-header-alt: #3f6212;
    --table-hover: #d9ead3;
    --heading-accent: #166534;
    --sale-header-start: #14532d;
    --sale-header-end: #3f6212;
    --dropdown-bg: #166534;
    --dropdown-hover: #3f6212;
    --login-start: #14532d;
    --login-end: #3f6212;
}

html.theme-sunset {
    --main-color: #9a3412cc;
    --nav-start: #9a3412;
    --nav-end: #b45309;
    --btn-primary: #c2410c;
    --btn-primary-hover: #9a3412;
    --card-header-start: #c2410c;
    --card-header-end: #b45309;
    --table-header: #c2410c;
    --table-header-alt: #9a3412;
    --table-hover: #fde7d4;
    --heading-accent: #c2410c;
    --heading-color: #7c2d12;
    --sale-header-start: #9a3412;
    --sale-header-end: #b45309;
    --dropdown-bg: #c2410c;
    --dropdown-hover: #9a3412;
    --login-start: #9a3412;
    --login-end: #b45309;
}

html.theme-midnight {
    --main-color: #0f172acc;
    --nav-start: #0f172a;
    --nav-end: #334155;
    --btn-primary: #334155;
    --btn-primary-hover: #1e293b;
    --card-header-start: #1e293b;
    --card-header-end: #334155;
    --table-header: #334155;
    --table-header-alt: #1e293b;
    --table-hover: #e2e8f0;
    --heading-accent: #334155;
    --sale-header-start: #0f172a;
    --sale-header-end: #334155;
    --dropdown-bg: #1e293b;
    --dropdown-hover: #475569;
    --login-start: #0f172a;
    --login-end: #334155;
}

html.theme-dark {
    --main-color: #0f172a;
    --color-dark: #e5e7eb;
    --text-grey: #94a3b8;
    --main-bg-color: #12141a;
    --nav-start: #0f172a;
    --nav-end: #1e293b;
    --btn-primary: #3b82f6;
    --btn-primary-hover: #2563eb;
    --card-header-start: #1e293b;
    --card-header-end: #334155;
    --table-header: #1e3a5f;
    --table-header-alt: #1e3a5f;
    --table-hover: #243044;
    --heading-accent: #60a5fa;
    --heading-color: #f1f5f9;
    --label-color: #cbd5e1;
    --sale-header-start: #0f172a;
    --sale-header-end: #1e293b;
    --dropdown-bg: #1e293b;
    --dropdown-hover: #334155;
    --login-start: #0f172a;
    --login-end: #1e3a5f;
    --surface: #1c1f27;
    --surface-alt: #1a1e27;
    --input-bg: #111318;
    --input-color: #e5e7eb;
    --line: #3f4654;
    color-scheme: dark;
}

html.theme-dark body,
html.theme-dark .content {
    color: var(--input-color);
    background-color: var(--main-bg-color);
}

html.theme-dark .card-container,
html.theme-dark .card,
html.theme-dark .card-body,
html.theme-dark .card-header,
html.theme-dark .card-footer,
html.theme-dark .list-group-item,
html.theme-dark .modal-content,
html.theme-dark .modal-body,
html.theme-dark .modal-footer,
html.theme-dark .dropdown-menu,
html.theme-dark .login-container,
html.theme-dark .pos-dash-card,
html.theme-dark .bg-white,
html.theme-dark .bg-light {
    background-color: var(--surface) !important;
    color: var(--input-color);
    border-color: var(--line);
}

html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark h4,
html.theme-dark h5,
html.theme-dark h6,
html.theme-dark .h1,
html.theme-dark .h2,
html.theme-dark .h3,
html.theme-dark .h4,
html.theme-dark .h5,
html.theme-dark .h6,
html.theme-dark .pos-dash-card-head h2,
html.theme-dark .pos-dash-card > h2 {
    color: var(--heading-color);
}

html.theme-dark .form-control,
html.theme-dark .custom-select,
html.theme-dark select,
html.theme-dark textarea,
html.theme-dark .input-group-text,
html.theme-dark .chosen-container-single .chosen-single,
html.theme-dark .chosen-container .chosen-drop,
html.theme-dark .chosen-container .chosen-results,
html.theme-dark .selectize-input,
html.theme-dark .selectize-dropdown,
html.theme-dark .selectize-dropdown .option {
    background-color: var(--input-bg);
    background: var(--input-bg);
    color: var(--input-color);
    border-color: var(--line);
}

html.theme-dark .chosen-container .chosen-results li.highlighted,
html.theme-dark .selectize-dropdown .active {
    background-color: var(--table-hover) !important;
    color: #fff !important;
}

html.theme-dark .table,
html.theme-dark .table td,
html.theme-dark .table th,
html.theme-dark .table100.ver1 td,
html.theme-dark .table100.ver2 td,
html.theme-dark .table100.ver3 td,
html.theme-dark .table100.ver4 td,
html.theme-dark .table-custom tbody td {
    color: var(--input-color);
    border-color: var(--line);
    background-color: var(--surface);
}

html.theme-dark .table100.ver2 tr:nth-child(even),
html.theme-dark .table100.ver2 tr:nth-child(even) td,
html.theme-dark .table100.ver3 table tr:nth-child(even),
html.theme-dark .table100.ver3 table tr:nth-child(even) td,
html.theme-dark .table-striped tbody tr:nth-of-type(odd),
html.theme-dark .table-striped tbody tr:nth-of-type(odd) td {
    background-color: var(--surface-alt);
}

html.theme-dark .table100.ver2 tr:hover td,
html.theme-dark .table100.ver3 tr:hover td,
html.theme-dark .table-hover tbody tr:hover td {
    background-color: var(--table-hover);
}

html.theme-dark .table-custom thead th {
    background: #1e293b;
    color: var(--heading-color);
    border-color: var(--line);
}

html.theme-dark .navbar .dropdown-item,
html.theme-dark .dropdown-item {
    color: #fff;
}

html.theme-dark .text-dark,
html.theme-dark .text-body {
    color: var(--input-color) !important;
}

html.theme-dark a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand) {
    color: #93c5fd;
}

html.theme-dark .process-doc.full-screen .modal-content,
html.theme-dark .process-doc.full-screen .modal-body {
    background: var(--main-bg-color);
}
html.theme-dark .process-doc-fact,
html.theme-dark .process-stat,
html.theme-dark .process-note,
html.theme-dark .process-doc-footer,
html.theme-dark .process-doc .card-container,
html.theme-dark .process-doc-lines,
html.theme-dark .process-doc-lines tbody td {
    background: var(--surface);
    border-color: var(--line);
    color: var(--input-color);
}
html.theme-dark .process-doc-fact .label-value,
html.theme-dark .process-stat .label-value,
html.theme-dark .process-note-text,
html.theme-dark .process-doc .card-container .table td,
html.theme-dark .process-doc-print-pref .radio-inline {
    color: var(--input-color);
}
html.theme-dark .process-doc-lines tbody tr:nth-child(even) td {
    background: var(--surface-alt);
}
html.theme-dark .process-doc-lines tbody tr:hover td {
    background: var(--table-hover);
}
html.theme-dark .process-doc .process-doc-lines thead th,
html.theme-dark .process-doc .card-container .table thead th {
    background: var(--table-header);
    color: var(--heading-color);
    border-color: var(--line);
}
html.theme-dark .process-stat-emphasis {
    background: color-mix(in srgb, var(--heading-accent) 22%, var(--surface));
    border-color: var(--line);
}
html.theme-dark .process-stat-emphasis .label-value { color: var(--heading-accent); }
html.theme-dark .process-stat-remaining {
    background: #3f1d1d;
    border-color: #7f1d1d;
}
html.theme-dark .process-stat-remaining .label-value { color: #fca5a5; }
html.theme-dark .process-note-meta,
html.theme-dark .process-doc-code,
html.theme-dark .process-empty,
html.theme-dark .process-qty { color: #94a3b8; }
html.theme-dark .process-doc-errors {
    background: #3f1d1d;
    border-color: #7f1d1d;
    color: #fecaca;
}