/* ==========================================================================
   Córdoba Mecánicos - Design tokens (medidos del demo Yordy)
   Fuente de verdad en CSS. El equivalente en PHP está en inc/design-tokens.php
   ========================================================================== */

:root {
  /* Tipografía */
  --cmec-font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --cmec-fs-body: 15px;
  --cmec-fs-h1: 44px;
  --cmec-fs-h2: 32px;
  --cmec-fs-h3: 18px;
  --cmec-fs-sub: 16px;
  --cmec-fs-small: 13px;
  --cmec-fs-label: 12px;
  --cmec-lh-body: 1.6;

  /* Colores base */
  --cmec-bg: #f5f5f5;
  --cmec-white: #ffffff;
  --cmec-text: #353535;
  --cmec-heading: #252525;
  --cmec-title: #333333;
  --cmec-dark: #18191a;
  --cmec-dark-2: #2b2c2e;
  --cmec-muted: #8a8a8a;
  --cmec-line: #e6e6e6;
  --cmec-field: #f5f5f5;

  /* Colores de marca */
  --cmec-primary: #4ed392;
  --cmec-primary-hover: #3fc584;
  --cmec-accent: #fd4956;
  --cmec-accent-hover: #e93f4b;
  --cmec-whatsapp: #25d366;
  --cmec-whatsapp-hover: #1fb857;
  --cmec-overlay: rgba(0, 0, 0, 0.52);
  --cmec-ghost: rgba(255, 255, 255, 0.15);

  /* Paleta de rubros (asignada por índice de término) */
  --cmec-rubro-0: #2aa39a;
  --cmec-rubro-1: #e8557a;
  --cmec-rubro-2: #3b6fd4;
  --cmec-rubro-3: #a9744f;
  --cmec-rubro-4: #7a5cc0;

  /* Forma */
  --cmec-radius: 5px;
  --cmec-radius-pill: 30px;
  --cmec-shadow: 0 5px 15px rgba(0, 0, 0, 0.11);
  --cmec-shadow-hover: 0 10px 25px rgba(0, 0, 0, 0.14);

  /* Layout */
  --cmec-container: 1140px;
  --cmec-gutter: 20px;
  --cmec-gap: 30px;
  --cmec-section-y: 72px;
  --cmec-section-y-m: 60px;
  --cmec-header-h: 96px;
  --cmec-header-h-m: 70px;
  --cmec-hero-h: 600px;

  /* Controles */
  --cmec-control-h: 52px;
  --cmec-btn-primary-fs: 14px;
  --cmec-btn-accent-fs: 15px;
}