:root {
  /* Club navy (logo blue) + accent red for signup CTAs. */
  --rc-brand: #17457b;
  --rc-brand-dark: #123a66;
  --rc-brand-light: #8fb4e3;
  --rc-red: #c8102e;
  --rc-red-dark: #a00d25;
  --rc-ink: #1a2332;
  --rc-ink-strong: #121820;
  --rc-muted: #5c6570;
  --rc-white: #fff;
  --rc-wash: #f5f7f9;
  --rc-font: Outfit, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Flat buttons — wider & shorter across the site */
  --rc-btn-radius: 999px;
  --rc-btn-height: 2.35rem;
  --rc-btn-pad-y: 0.4rem;
  --rc-btn-pad-x: 1.7rem;
  --rc-btn-font: 0.84rem;

  /* Soft cards / boxes */
  --rc-radius-card: 1.85rem;
  --rc-radius-media: 1.35rem;
  --rc-radius: 0.4rem;
  --rc-radius-md: 0.65rem;
  --rc-border: #e5e7eb;
  /* Match header shell / topbar rail so page content shares the same left edge. */
  --rc-container: 1320px;
  --rc-gutter: 1rem;

  --primary: var(--rc-brand);
  --primary-font: var(--rc-font);
  --secondary-font: var(--rc-font);
  --ovabrw-primary-font: var(--rc-font);
  --ovabrw-primary-color: var(--rc-brand);
}

.rc-container {
  width: min(calc(100% - (2 * var(--rc-gutter))), var(--rc-container));
  margin-inline: auto;
}