/* Design tokens, Bootstrap overrides, buttons, forms. */

/* ── Classic Grand Piano palette ─────────────────────────── */
:root {
  --gp-ivory:    #F6F2E8;   /* Ivory       */
  --gp-black:    #101010;   /* Piano Black */
  --gp-charcoal: #353535;   /* Charcoal    */
  --gp-walnut:   #84624A;   /* Walnut      */
  --gp-gold:     #C8A96B;   /* Brass Gold  */

  /* Remap Bootstrap's theme onto the palette (kills the default blue). */
  --bs-primary: var(--gp-gold);
  --bs-primary-rgb: 200, 169, 107;
  --bs-link-color: var(--gp-walnut);
  --bs-link-color-rgb: 132, 98, 74;
  --bs-link-hover-color: #5f4734;
  --bs-link-hover-color-rgb: 95, 71, 52;
  --bs-body-bg: var(--gp-ivory);
  --bs-body-color: var(--gp-charcoal);
  --bs-emphasis-color: var(--gp-black);
  --bs-border-color: #d9d0bf;
}

/* Primary buttons: brass gold with piano-black text. */
.btn-primary {
  --bs-btn-bg: var(--gp-gold);
  --bs-btn-border-color: var(--gp-gold);
  --bs-btn-color: var(--gp-black);
  --bs-btn-hover-bg: #d8bd86;
  --bs-btn-hover-border-color: #d8bd86;
  --bs-btn-hover-color: var(--gp-black);
  --bs-btn-active-bg: #b8965a;
  --bs-btn-active-border-color: #b8965a;
  --bs-btn-active-color: var(--gp-black);
  --bs-btn-disabled-bg: var(--gp-gold);
  --bs-btn-disabled-border-color: var(--gp-gold);
  --bs-btn-disabled-color: var(--gp-black);
}
.btn-outline-primary {
  --bs-btn-color: var(--gp-walnut);
  --bs-btn-border-color: var(--gp-walnut);
  --bs-btn-hover-bg: var(--gp-walnut);
  --bs-btn-hover-border-color: var(--gp-walnut);
  --bs-btn-hover-color: var(--gp-ivory);
  --bs-btn-active-bg: var(--gp-walnut);
  --bs-btn-active-border-color: var(--gp-walnut);
}
.text-primary { color: var(--gp-gold) !important; }
.bg-primary   { background-color: var(--gp-gold) !important; }
.form-control:focus, .form-select:focus {
  border-color: var(--gp-gold);
  box-shadow: 0 0 0 .25rem rgba(200, 169, 107, .35);
}

/* ── Misc ────────────────────────────────────────────────── */
.font-monospace { font-family: var(--bs-font-monospace); }