/* TheRenewGym brand colours (Admin → Branding) */
:root {
  --brand-navy: #002e54;
  --brand-navy-rgb: 0, 46, 84;
  --brand-navy-2: #244b6c;
  --brand-navy-2-rgb: 36, 75, 108;
  --brand-gold: #e3b648;
  --brand-gold-rgb: 227, 182, 72;
  --gold-ink: #7a5c1c;
  --gold-ink-rgb: 122, 92, 28;
  --gold-mid: #c8a03f;
  --gold-mid-rgb: 200, 160, 63;
  --gold-tint: #f9efd7;
  --gold-tint-rgb: 249, 239, 215;
  --gold-tint-2: #fbf6e7;
  --gold-tint-2-rgb: 251, 246, 231;
  --bg: #f6f4ee;
  --bg-rgb: 246, 244, 238;
  --surface: #ffffff;
  --surface-rgb: 255, 255, 255;
  --surface-2: #eaeae6;
  --surface-2-rgb: 234, 234, 230;
  --ink: #002e54;
  --ink-rgb: 0, 46, 84;
  --muted: #527088;
  --muted-rgb: 82, 112, 136;
  --line: #d8dcdc;
  --line-rgb: 216, 220, 220;
  --accent: #866724;
  --accent-rgb: 134, 103, 36;
  --accent-soft: #f1e5c6;
  --accent-soft-rgb: 241, 229, 198;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
  --brand-navy: #002e54;
  --brand-navy-rgb: 0, 46, 84;
  --brand-navy-2: #335876;
  --brand-navy-2-rgb: 51, 88, 118;
  --brand-gold: #e3b648;
  --brand-gold-rgb: 227, 182, 72;
  --gold-ink: #7a5c1c;
  --gold-ink-rgb: 122, 92, 28;
  --gold-mid: #c8a03f;
  --gold-mid-rgb: 200, 160, 63;
  --gold-tint: #f9efd7;
  --gold-tint-rgb: 249, 239, 215;
  --gold-tint-2: #fbf6e7;
  --gold-tint-2-rgb: 251, 246, 231;
  --bg: #071629;
  --bg-rgb: 7, 22, 41;
  --surface: #132234;
  --surface-rgb: 19, 34, 52;
  --surface-2: #1d2b3c;
  --surface-2-rgb: 29, 43, 60;
  --ink: #eef1f6;
  --ink-rgb: 238, 241, 246;
  --muted: #9da4ae;
  --muted-rgb: 157, 164, 174;
  --line: #2c3949;
  --line-rgb: 44, 57, 73;
  --accent: #e3b648;
  --accent-rgb: 227, 182, 72;
  --accent-soft: #3f4037;
  --accent-soft-rgb: 63, 64, 55;
  }
}
:root[data-theme='dark'] {
  --brand-navy: #002e54;
  --brand-navy-rgb: 0, 46, 84;
  --brand-navy-2: #335876;
  --brand-navy-2-rgb: 51, 88, 118;
  --brand-gold: #e3b648;
  --brand-gold-rgb: 227, 182, 72;
  --gold-ink: #7a5c1c;
  --gold-ink-rgb: 122, 92, 28;
  --gold-mid: #c8a03f;
  --gold-mid-rgb: 200, 160, 63;
  --gold-tint: #f9efd7;
  --gold-tint-rgb: 249, 239, 215;
  --gold-tint-2: #fbf6e7;
  --gold-tint-2-rgb: 251, 246, 231;
  --bg: #071629;
  --bg-rgb: 7, 22, 41;
  --surface: #132234;
  --surface-rgb: 19, 34, 52;
  --surface-2: #1d2b3c;
  --surface-2-rgb: 29, 43, 60;
  --ink: #eef1f6;
  --ink-rgb: 238, 241, 246;
  --muted: #9da4ae;
  --muted-rgb: 157, 164, 174;
  --line: #2c3949;
  --line-rgb: 44, 57, 73;
  --accent: #e3b648;
  --accent-rgb: 227, 182, 72;
  --accent-soft: #3f4037;
  --accent-soft-rgb: 63, 64, 55;
}
/* Light boxes (cream cards) keep light-mode colours inside, even in dark mode */
.on-light {
  --brand-navy: #002e54;
  --brand-navy-rgb: 0, 46, 84;
  --brand-navy-2: #244b6c;
  --brand-navy-2-rgb: 36, 75, 108;
  --brand-gold: #e3b648;
  --brand-gold-rgb: 227, 182, 72;
  --gold-ink: #7a5c1c;
  --gold-ink-rgb: 122, 92, 28;
  --gold-mid: #c8a03f;
  --gold-mid-rgb: 200, 160, 63;
  --gold-tint: #f9efd7;
  --gold-tint-rgb: 249, 239, 215;
  --gold-tint-2: #fbf6e7;
  --gold-tint-2-rgb: 251, 246, 231;
  --bg: #f6f4ee;
  --bg-rgb: 246, 244, 238;
  --surface: #ffffff;
  --surface-rgb: 255, 255, 255;
  --surface-2: #eaeae6;
  --surface-2-rgb: 234, 234, 230;
  --ink: #002e54;
  --ink-rgb: 0, 46, 84;
  --muted: #527088;
  --muted-rgb: 82, 112, 136;
  --line: #d8dcdc;
  --line-rgb: 216, 220, 220;
  --accent: #866724;
  --accent-rgb: 134, 103, 36;
  --accent-soft: #f1e5c6;
  --accent-soft-rgb: 241, 229, 198;
}