/*
Theme Name: Territorik
Theme URI: https://territorik.co
Author: Yenny Porras
Author URI: https://estratek.com.co
Description: Tema de Territorik para WordPress + Elementor. Hereda de Hello Elementor y añade el sistema de diseño completo de la marca: paleta, tipografía Fraunces + DM Sans, sombras, radios, iconografía Lucide y los estilos del Test de Viabilidad Territorial. Pensado para que la maquetación se haga íntegramente con contenedores y widgets nativos de Elementor.
Template: hello-elementor
Version: 1.1.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: territorik
Tags: elementor, one-column, custom-colors, custom-menu, custom-logo, editor-style
*/

/* ==========================================================================
   TERRITORIK · Sistema de diseño
   Tokens convertidos del OKLCH original a HEX. Toda la maquetación de las
   páginas se hace con Elementor; aquí solo viven los tokens y lo que el
   panel de Elementor no expone.
   ========================================================================== */

:root {
  /* --- Color --- */
  --tk-bg:            #FDFAF1;   /* crema de fondo          */
  --tk-bg-soft:       #F9F4E6;   /* secciones alternas      */
  --tk-card:          #FFFDF8;   /* superficie de tarjeta   */
  --tk-fg:            #17291B;   /* texto                   */
  --tk-muted:         #5E6755;   /* texto secundario        */
  --tk-primary:       #00643A;   /* verde dosel             */
  --tk-deep:          #003821;   /* verde profundo          */
  --tk-glow:          #429C5A;   /* verde claro             */
  --tk-accent:        #DB6B25;   /* naranja territorio      */
  --tk-amber:         #D79628;   /* ámbar                   */
  --tk-soft:          #FEE2C9;   /* naranja suave           */
  --tk-sand:          #F4EAD5;   /* arena                   */
  --tk-line:          #E3DECF;   /* borde                   */
  --tk-on-dark:       #FCFAF1;   /* texto sobre verde       */
  --tk-danger:        #B3401F;

  /* --- Degradados --- */
  --tk-warm:   linear-gradient(135deg, #DB6B25 0%, #D79628 100%);
  --tk-canopy: linear-gradient(160deg, #00643A 0%, #003821 100%);

  /* --- Sombras --- */
  --tk-shadow-soft: 0 18px 45px -22px rgba(27, 69, 38, .45);
  --tk-shadow-lift: 0 24px 55px -26px rgba(109, 56, 0, .50);
  --tk-shadow-hi:   0 34px 70px -30px rgba(27, 69, 38, .55);

  /* --- Radios --- */
  --tk-r-sm:   14px;   /* campos de formulario */
  --tk-r-md:   18px;   /* mini tarjeta, icono  */
  --tk-r-lg:   22px;   /* tarjeta, panel       */
  --tk-r-full: 999px;  /* botón, chip          */

  /* --- Tipografía --- */
  --tk-font-display: "Fraunces", Georgia, serif;
  --tk-font-body:    "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* --- Ritmo --- */
  --tk-content:  1152px;
  --tk-gutter:   24px;
  --tk-section:  96px;
  --tk-ease:     cubic-bezier(.22, .68, 0, 1);
}

body {
  background-color: var(--tk-bg);
  color: var(--tk-fg);
  font-family: var(--tk-font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--tk-font-display);
  font-optical-sizing: auto;
}

/* Foco visible coherente en todo el sitio */
:focus-visible {
  outline: 2.5px solid var(--tk-primary);
  outline-offset: 3px;
}

/* Selección de texto con la marca */
::selection {
  background: var(--tk-soft);
  color: var(--tk-fg);
}