/* Badass Bodyworkers design tokens.
   Purpose: centralize existing visual values before component refactors.
   Rule: changing tokens is a visual change and must pass screenshot comparison first. */
:root {
  /* Brand colors observed from the current mirrored WordPress/Elementor pages. */
  --bbw-color-teal: #1B8D7E;
  --bbw-color-teal-dark: #12685d;
  --bbw-color-text: #17181A;
  --bbw-color-muted: #54595F;
  --bbw-color-white: #FFFFFF;
  --bbw-color-surface: #FFFFFF;
  --bbw-color-table-header: #F5F7F7;
  --bbw-color-border: #DDDDDD;
  --bbw-color-border-soft: #DDE7E5;
  --bbw-color-search-muted: #767676;

  /* Existing local font stack. Do not replace until visual parity is rechecked. */
  --bbw-font-body: Hind, Arial, sans-serif;
  --bbw-font-heading: Prata, Georgia, serif;
  --bbw-font-brand: telegraf, Hind, Arial, sans-serif;
  --bbw-font-script: 'Cloudy Aurora Script', cursive;
  --bbw-font-serif-display: 'Cloudy Aurora Serif', Georgia, serif;

  /* Layout values already used by the static parity fixes. */
  --bbw-content-wide: 1140px;
  --bbw-content-table: 1120px;
  --bbw-page-gutter: 22px;
  --bbw-section-gap: 48px;
  --bbw-card-gap: 16px;

  /* Typography values already used by copied/custom static sections. */
  --bbw-size-table: 14.4px;
  --bbw-size-body-small: 15px;
  --bbw-size-card-title: 19px;
  --bbw-size-section-title: 38px;

  /* Shape/effects. */
  --bbw-radius-card: 4px;
  --bbw-shadow-menu: 0 10px 25px rgba(0, 0, 0, 0.12);
}