/* Centralized mainsite color tokens.
 * Values are sourced from BuddyBoss CSS variables with safe fallbacks.
 */

:root {
  /* BuddyBoss-sourced layer. */
  --mainsite-bb-accent: var(--bb-primary-color, #c8102e);
  --mainsite-bb-accent-hover: var(--bb-primary-button-background-hover, #a50d26);
  --mainsite-bb-surface: var(--bb-body-background-color, #f7f6f2);
  --mainsite-bb-surface-alt: var(--bb-content-background-color, #ffffff);
  --mainsite-bb-text: var(--bb-body-text-color, #14181f);
  --mainsite-bb-heading: var(--bb-headings-color, #0b1f3a);
  --mainsite-bb-muted: var(--bb-alternate-text-color, #9fb3c8);
  --mainsite-bb-border: var(--bb-content-border-color, #e3e0d8);
  --mainsite-bb-nav-hover: var(--bb-header-links-hover, #16345c);
  --mainsite-bb-button-text: var(--bb-primary-button-text-regular, #ffffff);

  /* Mainsite token layer consumed by all mainsite CSS files. */
  --mainsite-color-accent: var(--mainsite-bb-accent);
  --mainsite-color-accent-hover: var(--mainsite-bb-accent-hover);
  --mainsite-color-surface: var(--mainsite-bb-surface);
  --mainsite-color-surface-alt: var(--mainsite-bb-surface-alt);
  --mainsite-color-text: var(--mainsite-bb-text);
  --mainsite-color-heading: var(--mainsite-bb-heading);
  --mainsite-color-muted: var(--mainsite-bb-muted);
  --mainsite-color-border: var(--mainsite-bb-border);
  --mainsite-color-nav-hover: var(--mainsite-bb-nav-hover);
  --mainsite-color-button-text: var(--mainsite-bb-button-text);
  --mainsite-color-on-dark: var(--bb-primary-button-text-regular, #ffffff);
  --mainsite-color-on-dark-rgb: var(--bb-primary-button-text-regular-rgb, 255, 255, 255);
  --mainsite-radius-button: var(--bb-button-radius, 7px);
  /* Legacy aliases to avoid touching every stylesheet at once. */
  --mainsite-color-brand-navy: var(--mainsite-color-heading);
  --mainsite-color-brand-navy-soft: var(--mainsite-color-nav-hover);
  --mainsite-color-brand-accent: var(--mainsite-color-accent);

  --paper: var(--mainsite-color-surface);
  --ink: var(--mainsite-color-text);
  --line: var(--mainsite-color-border);
  --steel-300: var(--mainsite-color-muted);
  --navy-900: var(--mainsite-color-brand-navy);
  --navy-700: var(--mainsite-color-brand-navy-soft);
  --red-600: var(--mainsite-color-brand-accent);
}