/*
 * Copyright © Michal Čihař <michal@weblate.org>
 *
 * SPDX-License-Identifier: GPL-3.0-or-later
 */

/* See style-dark.css for the dark versions */
:root {
  --border-radius-sm: 4px;
  --border-radius: 10px;
  --border-radius-lg: 14px;
  --border-radius-xl: 20px;

  --wl-color-text: #2a3744;
  --wl-color-text-strong: #2a3744;
  --wl-color-text-muted: #6b7280;
  --wl-color-bg: #ffffff;
  --wl-color-surface: #f9f9f9;
  --wl-color-surface-alt: #f5f5f5;
  --wl-color-border: #e9eaec;
  --wl-color-border-strong: #bfc3c7;
  --wl-color-border-input: #cccccc;
  --wl-color-link: #107a62;
  --wl-color-link-hover: #144d3f;
  --wl-color-link-strong: #144d3f;
  --wl-color-link-strong-hover: #0a2b23;
  --wl-color-primary: #107a62;
  --wl-color-primary-strong: #144d3f;
  --wl-color-accent-bg: #158068;
  --wl-color-success: #158068;
  --wl-color-success-soft: #107a6299;
  --wl-color-danger: #cc3d20;
  --wl-color-danger-soft: #fc7979;
  --wl-color-warning: #8a6d3b;
  --wl-color-warning-soft: #eb3;
  --wl-color-info-soft: #e0eaf1;
  --wl-color-glossary-bg: #ffffcc;
  --wl-color-icon: #2a3744;
  --wl-color-icon-muted: #bfc3c7;
  --wl-color-icon-disabled: #e9eaec;
  --wl-color-translate-bg: #eee;
  --wl-color-translate-current-bg: #f5f5f5;
  --wl-color-comment-bg: #e5f0f2;
  --wl-color-comment-source-bg: #f2e5ea;
  --wl-color-comment-resolved-bg: #ffffff;
  --wl-color-comment-blockquote-border: #ddd;
  --wl-color-row-hover: #e9eaec;
  --wl-color-replacement-bg: lightgreen;
  --wl-color-progress-dark: #9896a4;
  --wl-color-progress-stripe: #f9f9f9;
  --wl-color-tribute-bg: #e9eaec;
  --wl-color-search-icon: #107a62;
  --wl-color-divisor: #bfc3c8;
  --wl-color-img-check-bg: #ccc;
  --wl-color-warning-bg-soft: #fcf8e3;
  --wl-color-danger-bg-soft: #f2dede;
  --wl-color-success-text: #3c763d;
  --wl-color-warning-text: #8a6d3b;
  --wl-color-warning-bg-strong: #fcf8e3;
  --wl-color-warning-text-on-warning: #fcf8e3;
  --wl-color-warning-icon-bg: #8a6d3b;
  --wl-color-shadow: rgba(0, 0, 0, 0.1);
  --wl-color-shadow-strong: rgba(0, 0, 0, 0.075);

  /* Customizable theme accents (admin-overridable via custom.css) */
  --wl-header-bg: #2a3744;
  --wl-header-text: #bfc3c7;
  --wl-header-text-hover: #2eccaa;
  --wl-navi-color: #107a62;
  --wl-navi-text-color: #ffffff;
  --wl-focus-color: #2eccaa;
  --wl-hover-color: #144d3f;

  --border: 1px solid var(--wl-color-border);
  --background-color: var(--wl-color-bg);

  --widget-card-box-shadow-color: rgba(0, 0, 0, 0.1);

  --bs-body-color: #2a3744;
  --bs-body-color-rgb: 42, 55, 68;
  --bs-border-radius-sm: 4px;
  --bs-border-radius: 10px;
  --bs-border-radius-lg: 14px;
  --bs-border-radius-xl: 20px;
  --bs-border-width: 1px;
  --bs-border-color: #e9eaec;
  --bs-dark: #2a3744;
  --bs-dark-rgb: 42, 55, 68;
  --bs-danger: #cc3d20;
  --bs-danger-rgb: 204, 61, 32;
  --bs-warning: #fcf8e3;
  --bs-warning-rgb: 252, 248, 227;
  --bs-link-color: #107a62;
  --bs-link-color-rgb: 16, 122, 98;
  --bs-link-hover-color: #144d3f;
  --bs-link-hover-color-rgb: 20, 77, 63;
  --bs-emphasis-color: #107a62;
  --bs-emphasis-color-rgb: 16, 122, 98;
  --bs-primary: #144d3f;
  --bs-primary-rgb: 20, 77, 63;
  --bs-info: #1378d0;
  --bs-info-rgb: 19, 120, 208;
  --bs-info-bg-subtle: #d9edf7;
  --bs-success: #dff0d8;
  --bs-success-rgb: 223, 240, 216;

  --bs-font-sans-serif: "Source Sans 3", sans-serif;
  --bs-font-monospace: "Source Code Pro", monospace;

  --bs-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  --bs-link-decoration: none;

  --bs-list-group-border-width: 1px;
  --bs-list-group-border-color: #bfc3c7;
}

.dropdown-menu {
  /* --bs-dropdown-spacer: 0.5rem !important; */
  --bs-dropdown-link-active-bg: #144d3f;
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 15px;
  --bs-breadcrumb-padding-y: 8px;
}

.navbar {
  --bs-navbar-color: #bfc3c7;
  --bs-navbar-brand-color: #bfc3c7;
  --bs-navbar-brand-hover-color: #2eccaa;
  --bs-navbar-brand-margin-end: 10px;
  --bs-navbar-padding-y: 0px;
  --bs-navbar-nav-link-padding-x: 15px !important;
  --bs-navbar-nav-link-padding-y: 13px !important;
  --bs-navbar-hover-color: #2eccaa;
  --bs-navbar-toggler-border-color: #00000000;
  --bs-navbar-toggler-focus-width: 0px;
}

.navbar-nav {
  --bs-nav-link-padding-x: 15px !important;
  --bs-nav-link-padding-y: 13px !important;
}

.nav-pills {
  --bs-nav-pills-link-active-color: #ffffff;
  --bs-nav-pills-link-active-bg: #144d3f;
  --bs-nav-pills-border-radius: var(--bs-border-radius-sm);
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #2a3744;
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #2a3744a6;
}

.btn-info {
  --bs-btn-color: #107a62;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #107a62;
}

.btn-outline-primary {
  --bs-btn-color: #107a62;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #cccccc;
  --bs-btn-border-radius: 4px;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #144d3f;
  --bs-btn-hover-border-color: #144d3f;
  --bs-btn-active-bg: #144d3f;
  --bs-btn-active-border-color: #144d3f;
  --bs-btn-disabled-color: #144d3f;
  --bs-btn-disabled-border-color: #cccccc;
}

.btn-danger {
  --bs-btn-bg: #cc3d20;
  --bs-btn-border-color: #cc3d20;
  --bs-btn-hover-bg: #a83219;
  --bs-btn-hover-border-color: #952c16;
}

.btn-warning {
  --bs-btn-color: #ffffff !important;
  --bs-btn-bg: #158068 !important;
  --bs-btn-hover-bg: #2a3744 !important;
  --bs-btn-hover-color: #ffffff !important;
}

.card {
  --bs-card-title-spacer-y: 0px;
  --bs-card-cap-padding-y: 9px;
  --bs-card-cap-color: #333333;
  --bs-card-cap-bg: #e9eaec;
}

.progress-stacked {
  --bs-progress-height: 8px !important;
  --bs-progress-border-radius: 4px;
}

.progress {
  --bs-progress-height: 8px !important;
  --bs-progress-bar-bg: #124437;
  --bs-progress-border-radius: 4px;
}

.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-striped-color: var(--bs-body-color);
}

.badge {
  --bs-badge-border-radius: var(--bs-border-radius-sm);
}