/**
 * Famatex design tokens — single source for brand colors & rhythm.
 * Loaded by includes/site-assets.php before globales / famatex-ui.
 *
 * BEM convention (sitewide):
 *   .fx-block
 *   .fx-block__element
 *   .fx-block--modifier
 *   .fx-block__element--modifier
 *
 * Page scopes (body):
 *   .fx-home-page   home only (index.php — do not restyle from internals)
 *   .fx-internal    non-home public pages
 *   .page-tiendas / .page-nosotros  page-specific hooks
 *
 * Do NOT style bare `input` / `button` / `h1` globally for internals.
 * Prefer block classes: .fx-btn, .fx-form__control, .fx-kicker, etc.
 */
:root {
  --fx-green: #4BB597;
  --fx-green-700: #287760;
  --fx-green-800: #1d6252;
  --fx-yellow: #FFB344;
  --fx-yellow-hover: #e89a27;
  --fx-primary: #4BB597;
  --fx-accent: #FFB344;
  --fx-accent-hover: #e89a27;
  --fx-on-accent: #203b32;
  --fx-ink: #203b32;
  --fx-muted: #5e7069;
  --fx-muted-2: #6b7f76;
  --fx-line: #d8e5e0;
  --fx-line-strong: #b7c9c0;
  --fx-soft: #f5f8f7;
  --fx-soft-2: #eef7f3;
  --fx-white: #fff;
  --fx-radius: 8px;
  --fx-radius-lg: 10px;
  --fx-radius-card: 16px;
  --fx-container: min(1280px, calc(100% - 64px));
  --fx-container-sm: min(1280px, calc(100% - 36px));
  --fx-space: 48px;
  --fx-space-md: 36px;
  --fx-space-sm: 28px;
  --fx-font: Montserrat, "Open Sans", Arial, sans-serif;
  --fx-focus: #287760;
  /* Button label: 13px — readable (WCAG), denser than 14, not micro like 11–12. */
  --fx-btn-font-size: 13px;
  --fx-btn-font-weight: 650;
  --fx-btn-min-height: 44px;
}