/* Theme overrides (loaded last).
   Adjust these variables to reskin the entire v2 UI. */

:root {
  /* App tokens */
  --pe-primary: #c6985f; /* muted gold */
  --pe-primary-light: #d7b07a; /* light gold */
  --pe-primary-dark: #9b7750; /* warm brown-gold */
  --pe-green: #1f4e3d; /* brand green */
  --pe-green-soft: #e4eee9; /* soft green wash */
  --pe-green-deep: #16382c; /* dark evergreen */
  --pe-secondary: #8a7a68; /* warm taupe */
  --pe-success: var(--pe-green);
  --pe-light-green: #f3e3cf; /* light sand */
  --pe-bg-light: #f5efe8;
  --pe-bg-white: #fffaf5;
  --pe-text-dark: #2f2923; /* warm charcoal */
  --pe-text-muted: #5e554b; /* warm brown-gray */
  --pe-border: rgba(94, 85, 75, 0.16);
  --pe-shadow: rgba(91, 74, 55, 0.12);

  /* Studio page tokens */
  --pe-bg: var(--pe-bg-light);
  --pe-panel-bg: var(--pe-bg-white);

  /* Bootstrap mapping (make "success" buttons match theme accent) */
  --bs-primary: var(--pe-primary);
  --bs-primary-rgb: 198, 152, 95;
  --bs-success: var(--pe-success);
  --bs-success-rgb: 31, 78, 61;
  --bs-link-color: var(--pe-primary);
  --bs-link-hover-color: var(--pe-primary-dark);
}

/* Button overrides to ensure the muted gold primary on all pages */
.btn-primary {
  --bs-btn-bg: var(--pe-primary);
  --bs-btn-border-color: var(--pe-primary);
  --bs-btn-hover-bg: var(--pe-primary-dark);
  --bs-btn-hover-border-color: var(--pe-primary-dark);
  --bs-btn-active-bg: var(--pe-primary-dark);
  --bs-btn-active-border-color: var(--pe-primary-dark);
}

.btn-outline-primary {
  --bs-btn-color: var(--pe-primary);
  --bs-btn-border-color: var(--pe-primary);
  --bs-btn-hover-bg: var(--pe-primary);
  --bs-btn-hover-border-color: var(--pe-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--pe-primary-dark);
  --bs-btn-active-border-color: var(--pe-primary-dark);
}