/*
 * watermelonsugar brand layer on top of Metronic v8.1.6.
 * Metronic 8.1 reads its theme colours from --kt-* variables (with --bs-* mirrors).
 * Change the two hex values below to match your brand book. Everything else follows.
 */
:root,
[data-theme=light] {
  --ws-melon: #e8505b;       /* flesh: accents, wordmark */
  --ws-rind:  #2f6b4f;       /* rind: primary actions   */

  --kt-primary: var(--ws-rind);
  --kt-primary-active: #255a41;
  --kt-primary-light: #e9f3ee;
  --kt-primary-inverse: #ffffff;
  --kt-primary-rgb: 47, 107, 79;
  --bs-primary: var(--ws-rind);
  --bs-primary-rgb: 47, 107, 79;

  /* every Metronic token that defaults to its blue */
  --kt-accordion-button-active-color: var(--kt-primary);
  --kt-accordion-icon-active-color: var(--kt-primary);
  --kt-breadcrumb-active-color: var(--kt-primary);
  --kt-btn-link-color: var(--kt-primary);
  --kt-component-active-bg: var(--kt-primary);
  --kt-component-checked-bg: var(--kt-primary);
  --kt-component-hover-color: var(--kt-primary);
  --kt-dropdown-link-active-bg: var(--kt-primary);
  --kt-form-check-input-checked-bg-color: var(--kt-primary);
  --kt-form-check-input-checked-bg-color-solid: var(--kt-primary);
  --kt-form-check-input-checked-border-color: var(--kt-primary);
  --kt-form-check-input-indeterminate-bg-color: var(--kt-primary);
  --kt-form-check-input-indeterminate-border-color: var(--kt-primary);
  --kt-link-color: var(--kt-primary);
  --kt-list-group-active-bg: var(--kt-primary);
  --kt-list-group-active-border-colorg: var(--kt-primary);
  --kt-menu-link-color-active: var(--kt-primary);
  --kt-menu-link-color-here: var(--kt-primary);
  --kt-menu-link-color-hover: var(--kt-primary);
  --kt-menu-link-color-show: var(--kt-primary);
  --kt-nav-pills-link-active-bg: var(--kt-primary);
  --kt-pagination-active-bg: var(--kt-primary);
  --kt-pagination-focus-color: var(--kt-primary);
  --kt-pagination-hover-color: var(--kt-primary);
  --kt-ribbon-label-bg: var(--kt-primary);
  --kt-scrolltop-bg-color: var(--kt-primary);
  --kt-scrolltop-bg-color-hover: var(--kt-primary);
  --kt-text-primary: var(--kt-primary);
  --kt-btn-link-hover-color: var(--kt-primary-active);
  --kt-link-hover-color: var(--kt-primary-active);
}
[data-theme=dark] {
  --kt-primary: #3f8c68;
  --kt-primary-active: #357a5a;
  --kt-primary-light: #1c2b25;
  --kt-primary-rgb: 63, 140, 104;
  --bs-primary: #3f8c68;
  --bs-primary-rgb: 63, 140, 104;
}

.ws-wordmark { font-weight: 800; letter-spacing: -0.02em; text-decoration: none; }
.ws-wordmark span { color: var(--ws-melon); }
.ws-login-bg { background: linear-gradient(135deg, #f6f1ea 0%, #f9e3e4 100%); }
[data-theme=dark] .ws-login-bg { background: #151521; }
.ws-calc-result { font-variant-numeric: tabular-nums; }
.ws-kanban { min-height: 60vh; }
.table td.ws-num, .table th.ws-num { font-variant-numeric: tabular-nums; white-space: nowrap; }