/* ==========================================================================
   Jomagrx — design tokens (Wecomm)
   ========================================================================== */
:root {
  /* Paleta Jomagrx (referencia: jomagrx.com producción) */
  --weu-color-primary: #476a55;
  --weu-color-primary-dark: #334b3d;
  --weu-color-primary-soft: rgba(71, 106, 85, 0.1);

  --weu-color-secondary: #d1d5c3;
  --weu-color-secondary-dark: #b9c0a6;

  /* Acentos de marca Joma */
  --weu-color-blue: #1613a9;
  --weu-color-blue-dark: #100d80;
  --weu-color-blue-soft: rgba(22, 19, 169, 0.1);
  --weu-color-on-blue: #ffffff;

  --weu-color-yellow: #eefd76;
  --weu-color-yellow-dark: #d3e84a;
  --weu-color-yellow-soft: rgba(238, 253, 118, 0.25);
  --weu-color-on-yellow: #0a1210;

  /* Texto de contraste sobre fondos de marca */
  --weu-color-on-primary: #ffffff;
  --weu-color-on-dark: #ffffff;

  --weu-color-black: #0a1210;
  --weu-color-dark: #0a1210;
  --weu-color-muted: #7a7a7a;
  --weu-color-grey: #f6f6f6;
  --weu-color-grey-light: #fafafa;
  --weu-color-grey-hover: #efefef;
  --weu-color-border: rgba(0, 0, 0, 0.08);
  --weu-white: #ffffff;

  --weu-color-success: #4cbb6c;
  --weu-color-warning: #ff9a52;
  --weu-color-danger: #ff4c4c;
  --weu-color-error: #cd0a0a;

  /* Alias Bootstrap/Hummingbird */
  --bs-primary: var(--weu-color-primary);
  --bs-link-color: var(--weu-color-primary);
  --bs-link-hover-color: var(--weu-color-primary-dark);

  --weu-width-container: min(100% - 2rem, 1792px);

  --font-size-base: 15px;
  --weu-font-size-base: var(--font-size-base);
  --bs-body-font-size: var(--font-size-base);
  --font-size-sm: 13px;
  --font-size-md: 20px;
  --font-size-lg: 28px;
  --font-size-xl: 36px;

  --weu-spacing-xs: 8px;
  --weu-spacing-sm: 16px;
  --weu-spacing-md: 32px;
  --weu-spacing-lg: 64px;

  --weu-radius-default: 8px;
  --weu-radius-pill: 999px;

  --weu-transition: 0.2s ease;
  --weu-shadow-card: 0 4px 24px rgba(0, 0, 0, 0.06);
  --weu-shadow-offcanva: rgba(50, 50, 93, 0.25) 0 50px 100px -20px, rgba(0, 0, 0, 0.3) 0 30px 60px -30px;

  --weu-header-height: 72px;
}