/* tema.css — generado por estilo_rubro.py desde ficha-estilo.json (rubro: automotriz).
   No editar a mano: cambia la ficha y ejecuta `estilo_rubro.py tema <sitio> --ficha …`.
   Para probar otra paleta del catálogo sin tocar nada: `estilo_rubro.py paleta <sitio> <id>`. */
:root {
  /* Paleta (WCAG verificado por brand_kit.py) */
  --color-primary: #9CF12D;
  --color-on-primary: #111111;
  --color-primary-strong: #4C7C04;
  --color-accent: #FFEB17;
  --color-on-accent: #111111;
  --color-dark: #1C3300;
  --color-on-dark: #F5F8F3;
  --color-accent-on-dark: #FFEB17;
  --color-bg: #F5F8F3;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EAFFDB;
  --color-text: #292D26;
  --color-text-muted: #696D66;
  --color-border: #D6DBD3;

  /* Degradados: botones, secciones de acento, oscuras, líneas y texto */
  --grad-btn: linear-gradient(135deg, #9CF12D 0%, color-mix(in srgb, #9CF12D 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #9CF12D 0%, color-mix(in srgb, #9CF12D 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #1C3300 0%, color-mix(in srgb, #1C3300 82%, #9CF12D) 100%);
  --grad-line: linear-gradient(180deg, #9CF12D 0%, #FFEB17 100%);
  --grad-text: linear-gradient(90deg, #4C7C04 0%, #FFEB17 100%);

  /* Tipografía (solo Google Fonts) */
  --font-display: "Saira Condensed", system-ui, sans-serif;
  --font-body: "Saira", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --fw-display: 700;
  --fw-body-strong: 500;
  --heading-transform: uppercase;
  --em-style: normal;
  --tracking-display: -0.01em;
  --lh-display: 0.95;
  --fs-hero: clamp(2.9rem, 7.2vw, 6.8rem);
  --fs-h2: clamp(2.2rem, 4.6vw, 4.3rem);

  /* Forma */
  --radius: 4px;
  --radius-btn: 4px;
  --radius-card: 6px;

  /* Motion Kit */
  --mk-accent: var(--color-primary);
  --mk-shine: rgba(255, 255, 255, .55);
  --mk-sparkle: var(--color-primary);
  --mk-pulse: var(--color-primary);
  --mk-border-a: var(--color-primary);
  --mk-border-b: var(--color-accent);
  --mk-cursor-color: var(--color-primary);
}