/*
Theme Name: EnergyMov
Theme URI: https://energymov.com
Author: Yenny Porras
Author URI: https://estratek.com.co
Description: Tema de EnergyMov para WordPress + Elementor. Hereda de Hello Elementor y anade el sistema de diseno de la marca: tinta teal, acento lima, Space Grotesk + DM Sans + JetBrains Mono, motivos ferroviarios y los estilos de las plantillas de solucion. La maquetacion se hace integramente con contenedores y widgets nativos de Elementor.
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: energymov
Tags: elementor, one-column, custom-colors, custom-menu, custom-logo, editor-style
*/

/* ==========================================================================
   ENERGYMOV · Sistema de diseno
   Tokens convertidos del OKLCH original a HEX.
   ========================================================================== */

:root {
  /* --- Color --- */
  --em-ink:        #002624;   /* tinta teal, fondo de las secciones oscuras */
  --em-ink-2:      #001618;   /* cierre del degradado tinta               */
  --em-ink-soft:   #173938;
  --em-lime:       #B6E630;   /* acento                                    */
  --em-lime-fg:    #00201F;
  --em-bg:         #F7FBFA;
  --em-surface:    #FFFFFF;
  --em-surface-2:  #EAF2F1;
  --em-fg:         #002624;
  --em-muted:      #5C6D6D;
  --em-border:     #D5E1E0;
  --em-input:      #CFDADA;
  --em-danger:     #E7000B;

  /* --- Degradados --- */
  --em-gradient-ink: linear-gradient(140deg, #002624, #001618);

  /* --- Sombras --- */
  --em-shadow-card: 0 1px 2px rgba(0,38,36,.06), 0 12px 32px -16px rgba(0,38,36,.18);
  --em-shadow-lift: 0 2px 4px rgba(0,38,36,.08), 0 24px 48px -20px rgba(0,38,36,.28);

  /* --- Radios --- */
  --em-r-sm: 4px;
  --em-r-md: 6px;
  --em-r-lg: 8px;
  --em-r-xl: 12px;

  /* --- Tipografia --- */
  --em-font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --em-font-body:    "DM Sans", ui-sans-serif, system-ui, sans-serif;
  --em-font-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* --- Ritmo --- */
  --em-content: 1280px;
  --em-gutter:  20px;
  --em-section: 80px;
}

body {
  background-color: var(--em-bg);
  color: var(--em-fg);
  font-family: var(--em-font-body);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--em-font-display);
  letter-spacing: -0.02em;
}

:focus-visible {
  outline: 2.5px solid var(--em-lime);
  outline-offset: 3px;
}

::selection {
  background: var(--em-lime);
  color: var(--em-lime-fg);
}