/* Midnight & Ember. Named roles keep the palette consistent across every page. */
:root {
  --brand-ink: #192638;
  --brand-action: #bb482d;
  --brand-action-hover: #96351f;
  --text-action: #a23b25;
  --brand-accent: #ffc09c;
  --text-muted: #606774;
  --text-inverse: #faf7f2;
  --text-inverse-muted: #d7dce4;
  --surface-page: #faf7f2;
  --surface-soft: #f2ece4;
  --surface-warm: #f8e5d8;
  --surface-cool: #e7edf4;
  --surface-white: #fff;
  --border-soft: #ddd7cf;
  --border-control: #918a83;
  --overlay-photo: #192638e8;
  --overlay-shade: #192638c9;
  --overlay-backdrop: #19263880;
  --shadow-soft: #19263829;
}