/* Brand colours (from the original site) */
:root {
  --bg: #ffffff;
  --bg-warm: #faf4ef;
  --bg-elevated: #ffffff;
  --bg-dark: #3d405b;
  --bg-peach: #f2cc8f;
  --primary: #a87868;
  --primary-hover: #946a5c;
  --primary-rgb: 168, 120, 104;
  --primary-soft: rgba(168, 120, 104, 0.12);
  --accent: #000000;
  --accent-deep: #e07a5f;
  --accent-light: #faf4ef;
  --accent-glow: rgba(168, 120, 104, 0.22);
  --blush: #f2cc8f;
  --blush-soft: rgba(242, 204, 143, 0.28);
  --sage: #000000;
  --sage-soft: rgba(0, 0, 0, 0.14);
  --bronze: #a87868;
  --text: #3d405b;
  --text-muted: #5c6078;
  --text-light: #8a8da3;
  --text-on-dark: #faf4ef;
  --text-on-dark-muted: rgba(250, 244, 239, 0.76);
  --border: #dedacd;
  --border-subtle: rgba(61, 64, 91, 0.08);
  --split-feature-surface: #faf4ef;
  --color-bren-bg: #ffffff;
  --color-bren-warm: #faf4ef;
  --color-bren-peach: #f2cc8f;
  --color-bren-dark: #3d405b;
  --color-bren-primary: #a87868;
  --color-bren-primary-hover: #946a5c;
  --color-bren-accent: #000000;
  --color-bren-accent-deep: #e07a5f;
  --color-bren-accent-light: #faf4ef;
  --color-bren-blush: #f2cc8f;
  --color-bren-sage: #000000;
  --color-bren-text: #3d405b;
  --color-bren-muted: #5c6078;
  --color-bren-light: #8a8da3;
  --color-bren-on-dark: #faf4ef;
  --color-bren-border: #dedacd;
}