/* ==========================================================================
   TEMA TOTALFIT
   --------------------------------------------------------------------------
   Este es el unico archivo que debe cambiar para adaptar los colores de cada
   proyecto. Conserva los nombres de las variables para mantener compatibilidad.
   Las reglas o ajustes a medida deben escribirse en custom.css.
   ========================================================================== */
:root {
  /* Marca */
  --tf-primary: #e73155;
  --tf-primary-light: #f06a82;
  --tf-primary-dark: #423b3f;
  --tf-primary-soft: #fde9ea;
  --tf-primary-text: #b51d3d;
  --tf-primary-action: #c51f43;
  --tf-primary-action-light: #c51f43;
  --tf-primary-action-hover: #a91936;

  /* Texto y superficies */
  --tf-dark: #1f1f1f;
  --tf-dark-soft: #423b3f;
  --tf-white: #ffffff;
  --tf-white-soft: rgba(255, 255, 255, 0.95);
  --tf-bg-soft: #f8f6f7;
  --tf-bg-soft-2: #fbf9fa;
  --tf-bg-light: #f4f0f2;
  --tf-border: #ded7da;
  --tf-border-soft: #cfc5c9;

  /* Estados y metodos de pago */
  --tf-success: #176b3a;
  --tf-success-soft: #e6f7ec;
  --tf-error: #b51d3d;
  --tf-error-soft: #fde9ea;
  --tf-warning: #6b4f00;
  --tf-warning-soft: #fff4cc;
  --tf-info: #c51f43;
  --tf-info-soft: #fde9ea;
  --tf-bizum: #067a80;
  --tf-bizum-dark: #045d62;

  /* Sombras */
  --tf-shadow-sm: rgba(31, 31, 31, 0.05);
  --tf-shadow: rgba(31, 31, 31, 0.1);
  --tf-shadow-md: rgba(31, 31, 31, 0.12);
  --tf-shadow-lg: rgba(31, 31, 31, 0.15);
  --tf-shadow-xl: rgba(31, 31, 31, 0.25);

  /* Paleta extendida de compatibilidad */
  --tf-effect-rgba-0-0-0-0p06: rgba(31, 31, 31, 0.06);
  --tf-effect-rgba-0-0-0-0p08: rgba(31, 31, 31, 0.08);
  --tf-effect-rgba-0-0-0-0p2: rgba(31, 31, 31, 0.2);
  --tf-effect-rgba-0-0-0-0p3: rgba(31, 31, 31, 0.3);
  --tf-effect-rgba-0-0-0-0p6: rgba(31, 31, 31, 0.6);
  --tf-effect-rgba-0-0-0-0p75: rgba(31, 31, 31, 0.75);
  --tf-effect-rgba-0-115-170-0p2: rgba(231, 49, 85, 0.2);
  --tf-effect-rgba-0-51-102-0p16: rgba(231, 49, 85, 0.18);
  --tf-effect-rgba-0-64-128-0p42: rgba(66, 59, 63, 0.42);
  --tf-effect-rgba-15-118-110-0p12: rgba(66, 59, 63, 0.12);
  --tf-effect-rgba-15-118-110-0p25: rgba(66, 59, 63, 0.25);
  --tf-effect-rgba-15-23-42-0p06: rgba(66, 59, 63, 0.06);
  --tf-effect-rgba-15-23-42-0p07: rgba(66, 59, 63, 0.07);
  --tf-effect-rgba-15-23-42-0p1: rgba(66, 59, 63, 0.1);
  --tf-effect-rgba-15-23-42-0p3: rgba(66, 59, 63, 0.3);
  --tf-effect-rgba-15-23-42-0p58: rgba(66, 59, 63, 0.58);
  --tf-effect-rgba-15-23-42-0p62: rgba(66, 59, 63, 0.62);
  --tf-effect-rgba-17-24-39-0p55: rgba(66, 59, 63, 0.55);
  --tf-effect-rgba-204-0-0-0p12: rgba(231, 49, 85, 0.14);
  --tf-effect-rgba-255-255-255-0p4: rgba(255, 255, 255, 0.4);
  --tf-effect-rgba-255-255-255-0p45: rgba(255, 255, 255, 0.45);
  --tf-effect-rgba-255-255-255-0p55: rgba(255, 255, 255, 0.55);
  --tf-effect-rgba-255-255-255-0p7: rgba(255, 255, 255, 0.7);
  --tf-effect-rgba-255-255-255-0p9: rgba(255, 255, 255, 0.9);
  --tf-effect-rgba-29-78-216-0p22: rgba(197, 31, 67, 0.22);
  --tf-palette-000000: #1f1f1f;
  --tf-palette-00275a: #a91936;
  --tf-palette-002f5f: #423b3f;
  --tf-palette-003580: #c51f43;
  --tf-palette-0050aa: #b51d3d;
  --tf-palette-005177: #a91936;
  --tf-palette-005a9c: #c51f43;
  --tf-palette-005f8d: #a91936;
  --tf-palette-0066cc: #b51d3d;
  --tf-palette-0073aa: #c51f43;
  --tf-palette-007a00: #176b3a;
  --tf-palette-007b00: #176b3a;
  --tf-palette-007bff: #c51f43;
  --tf-palette-007c00: #176b3a;
  --tf-palette-0b4a7f: #b51d3d;
  --tf-palette-0f172a: #1f1f1f;
  --tf-palette-0f3f67: #423b3f;
  --tf-palette-0f766e: #423b3f;
  --tf-palette-111111: #1f1f1f;
  --tf-palette-111827: #1f1f1f;
  --tf-palette-124f40: #176b3a;
  --tf-palette-137333: #176b3a;
  --tf-palette-155724: #176b3a;
  --tf-palette-15803d: #176b3a;
  --tf-palette-17212b: #423b3f;
  --tf-palette-172554: #b51d3d;
  --tf-palette-173b63: #b51d3d;
  --tf-palette-174d75: #b51d3d;
  --tf-palette-176b55: #176b3a;
  --tf-palette-17a2b8: #423b3f;
  --tf-palette-183b56: #b51d3d;
  --tf-palette-1a202c: #423b3f;
  --tf-palette-1b8500: #176b3a;
  --tf-palette-1d5f91: #b51d3d;
  --tf-palette-1e293b: #423b3f;
  --tf-palette-1e3a8a: #b51d3d;
  --tf-palette-1e40af: #b51d3d;
  --tf-palette-1f2937: #423b3f;
  --tf-palette-2563eb: #b51d3d;
  --tf-palette-263545: #423b3f;
  --tf-palette-273444: #423b3f;
  --tf-palette-287745: #176b3a;
  --tf-palette-2b6cb0: #b51d3d;
  --tf-palette-2b6ea6: #b51d3d;
  --tf-palette-2c3338: #423b3f;
  --tf-palette-2d3748: #423b3f;
  --tf-palette-2e7d32: #176b3a;
  --tf-palette-2f855a: #176b3a;
  --tf-palette-334155: #62585d;
  --tf-palette-374151: #62585d;
  --tf-palette-38a169: #23834a;
  --tf-palette-475569: #62585d;
  --tf-palette-4b5563: #62585d;
  --tf-palette-50575e: #62585d;
  --tf-palette-52606d: #62585d;
  --tf-palette-555555: #62585d;
  --tf-palette-5b6570: #62585d;
  --tf-palette-5c6672: #62585d;
  --tf-palette-64748b: #786d72;
  --tf-palette-666666: #62585d;
  --tf-palette-6b7280: #786d72;
  --tf-palette-721c24: #8f1730;
  --tf-palette-7b8794: #786d72;
  --tf-palette-8492a6: #6a6065;
  --tf-palette-85cf96: #23834a;
  --tf-palette-8a5a00: #6b4f00;
  --tf-palette-8c8f94: #786d72;
  --tf-palette-94a3b8: #6a6065;
  --tf-palette-99b9d8: #cfc7ca;
  --tf-palette-9b2c2c: #b51d3d;
  --tf-palette-a00000: #8f1730;
  --tf-palette-a12a2a: #b51d3d;
  --tf-palette-a30000: #8f1730;
  --tf-palette-a50000: #8f1730;
  --tf-palette-a80000: #8f1730;
  --tf-palette-b42318: #b51d3d;
  --tf-palette-b51d2b: #b51d3d;
  --tf-palette-b8c3d1: #cfc7ca;
  --tf-palette-b8c5d3: #cfc7ca;
  --tf-palette-b91c1c: #b51d3d;
  --tf-palette-b9c4d0: #cfc7ca;
  --tf-palette-bae6fd: #fde9ea;
  --tf-palette-bd7171: #b51d3d;
  --tf-palette-c3e6cb: #ccebd7;
  --tf-palette-c62828: #b51d3d;
  --tf-palette-c6dbef: #fde9ea;
  --tf-palette-c81e1e: #8f1730;
  --tf-palette-c82333: #8f1730;
  --tf-palette-cbd5e1: #cfc7ca;
  --tf-palette-cccccc: #cfc7ca;
  --tf-palette-cfd7e3: #e4dee1;
  --tf-palette-cfd8e3: #e4dee1;
  --tf-palette-d1d5db: #cfc7ca;
  --tf-palette-d4edda: #ccebd7;
  --tf-palette-d63638: #b51d3d;
  --tf-palette-d7dce2: #e4dee1;
  --tf-palette-d7dee8: #e4dee1;
  --tf-palette-d7e0ea: #e4dee1;
  --tf-palette-d97777: #e66a82;
  --tf-palette-d9dde3: #e4dee1;
  --tf-palette-d9e2ec: #e4dee1;
  --tf-palette-dba617: #a36f00;
  --tf-palette-dbe3ea: #e4dee1;
  --tf-palette-dbe3ec: #e4dee1;
  --tf-palette-dbe3ee: #e4dee1;
  --tf-palette-dbe4ef: #e4dee1;
  --tf-palette-dc2626: #b51d3d;
  --tf-palette-dc3545: #b51d3d;
  --tf-palette-dcdcde: #e4dee1;
  --tf-palette-dfe5ec: #e4dee1;
  --tf-palette-e02424: #b51d3d;
  --tf-palette-e0e7ff: #fde9ea;
  --tf-palette-e2e8f0: #e4dee1;
  --tf-palette-e3e6ea: #e4dee1;
  --tf-palette-e53e3e: #b51d3d;
  --tf-palette-e57373: #c51f43;
  --tf-palette-e63946: #b51d3d;
  --tf-palette-e8edf3: #f4f0f2;
  --tf-palette-e9e9e9: #e4dee1;
  --tf-palette-eaeaea: #e4dee1;
  --tf-palette-eaf7f1: #effaf2;
  --tf-palette-ecfeff: #f8f6f7;
  --tf-palette-edf0f3: #f4f0f2;
  --tf-palette-edf1f4: #f4f0f2;
  --tf-palette-edf2f7: #f4f0f2;
  --tf-palette-edf6fc: #fde9ea;
  --tf-palette-eeeeee: #f4f0f2;
  --tf-palette-ef4444: #b51d3d;
  --tf-palette-eff6ff: #fde9ea;
  --tf-palette-f0f0f0: #f4f0f2;
  --tf-palette-f1f1f1: #f4f0f2;
  --tf-palette-f1f5f9: #f4f0f2;
  --tf-palette-f2f6fa: #f4f0f2;
  --tf-palette-f3f3f3: #f4f0f2;
  --tf-palette-f3f4f6: #f4f0f2;
  --tf-palette-f4f7fc: #fbf9fa;
  --tf-palette-f4f8fc: #fbf9fa;
  --tf-palette-f59e0b: #a36f00;
  --tf-palette-f5c6cb: #fde9ea;
  --tf-palette-f5f8fb: #fbf9fa;
  --tf-palette-f6f7f7: #f4f0f2;
  --tf-palette-f7faff: #fbf9fa;
  --tf-palette-f8d7da: #fde9ea;
  --tf-palette-f8f8f8: #fbf9fa;
  --tf-palette-f8f9fa: #fbf9fa;
  --tf-palette-f9f9f9: #fbf9fa;
  --tf-palette-f9f9ff: #fbf9fa;
  --tf-palette-fafafa: #fbf9fa;
  --tf-palette-fcf9e8: #fff6d8;
  --tf-palette-fdeaea: #fde9ea;
  --tf-palette-fecaca: #fde9ea;
  --tf-palette-fee2e2: #fde9ea;
  --tf-palette-fef2f2: #fde9ea;
  --tf-palette-ff0000: #b51d3d;
  --tf-palette-ff0044: #b51d3d;
  --tf-palette-ff6688: #e66a82;
  --tf-palette-ffd9d9: #fde9ea;
  --tf-palette-ffe5e5: #fde9ea;
  --tf-palette-ffeeba: #f4d88a;
  --tf-palette-fff7ed: #fff6d8;
}