/* Pine and clay brand theme — overrides Bootstrap 5.3's CSS custom properties.
   Load this after bootstrap.min.css and before any page-specific stylesheet. */
:root {
  --brand-primary: #1F4E3D;
  --brand-primary-hover: #17392C;
  --brand-primary-active: #14332A;
  --brand-primary-rgb: 31, 78, 61;
  --brand-accent: #B5651D;
  --brand-accent-hover: #9A5419;
  --brand-accent-rgb: 181, 101, 29;
  --brand-sidebar-bg: #16302A;
  --brand-sidebar-active: #24503E;
  --brand-bg: #FAF8F3;
  --brand-surface: #FFFFFF;
  --brand-border: #E3E0D6;
  --brand-border-strong: #D6D2C4;
  --brand-text: #24261F;
  --brand-text-muted: #6B6A61;

  --bs-primary: var(--brand-primary);
  --bs-primary-rgb: var(--brand-primary-rgb);
  --bs-primary-text-emphasis: var(--brand-primary-active);
  --bs-primary-bg-subtle: #E7F1EC;
  --bs-primary-border-subtle: #BFD8CC;

  --bs-success: var(--brand-primary);
  --bs-success-rgb: var(--brand-primary-rgb);
  --bs-success-text-emphasis: var(--brand-primary-active);
  --bs-success-bg-subtle: #E7F3EC;
  --bs-success-border-subtle: #BFDACB;

  --bs-danger: #B23A2E;
  --bs-danger-rgb: 178, 58, 46;
  --bs-danger-text-emphasis: #7A2820;
  --bs-danger-bg-subtle: #FBEAE8;
  --bs-danger-border-subtle: #F0C6C0;

  --bs-warning: var(--brand-accent);
  --bs-warning-rgb: var(--brand-accent-rgb);
  --bs-warning-text-emphasis: #7A3E10;
  --bs-warning-bg-subtle: #F6E7DA;
  --bs-warning-border-subtle: #E8C79E;

  --bs-secondary: var(--brand-text-muted);
  --bs-secondary-rgb: 107, 106, 97;
  --bs-secondary-text-emphasis: #45443D;
  --bs-secondary-bg-subtle: #F1F0EA;
  --bs-secondary-border-subtle: var(--brand-border-strong);

  --bs-body-color: var(--brand-text);
  --bs-body-bg: var(--brand-bg);
  --bs-border-color: var(--brand-border);
  --bs-link-color: var(--brand-primary);
  --bs-link-color-rgb: var(--brand-primary-rgb);
  --bs-link-hover-color: var(--brand-primary-hover);
  --bs-link-hover-color-rgb: 23, 57, 44;
}

/* Bootstrap 5.3 scopes each button variant's colors to local --bs-btn-* vars
   baked in at compile time, so re-declaring --bs-primary alone won't restyle
   .btn-primary — the variants below have to be redeclared explicitly. */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--brand-primary-hover);
  --bs-btn-hover-border-color: var(--brand-primary-hover);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--brand-primary-active);
  --bs-btn-active-border-color: var(--brand-primary-active);
  --bs-btn-disabled-bg: var(--brand-primary);
  --bs-btn-disabled-border-color: var(--brand-primary);
  --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
}

.btn-outline-primary {
  --bs-btn-color: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--brand-primary);
  --bs-btn-hover-border-color: var(--brand-primary);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--brand-primary);
  --bs-btn-active-border-color: var(--brand-primary);
  --bs-btn-disabled-color: var(--brand-primary);
  --bs-btn-disabled-border-color: var(--brand-primary);
  --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
}

.btn-outline-secondary {
  --bs-btn-color: var(--brand-text-muted);
  --bs-btn-border-color: var(--brand-border-strong);
  --bs-btn-hover-color: var(--brand-text);
  --bs-btn-hover-bg: #F1F0EA;
  --bs-btn-hover-border-color: var(--brand-border-strong);
  --bs-btn-active-color: var(--brand-text);
  --bs-btn-active-bg: #E7E5DC;
  --bs-btn-active-border-color: var(--brand-border-strong);
}

.btn-outline-danger {
  --bs-btn-color: #B23A2E;
  --bs-btn-border-color: #B23A2E;
  --bs-btn-hover-bg: #B23A2E;
  --bs-btn-hover-border-color: #B23A2E;
  --bs-btn-active-bg: #B23A2E;
  --bs-btn-active-border-color: #B23A2E;
  --bs-btn-focus-shadow-rgb: 178, 58, 46;
}

.btn-outline-success {
  --bs-btn-color: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-primary);
  --bs-btn-hover-border-color: var(--brand-primary);
  --bs-btn-active-bg: var(--brand-primary);
  --bs-btn-active-border-color: var(--brand-primary);
}

.card,
.table {
  --bs-card-border-color: var(--brand-border);
  --bs-table-border-color: var(--brand-border);
  --bs-card-bg: var(--brand-surface);
}