/*
Theme Name: Chikitín Express Shop Child
Theme URI: https://chikitinexpress.com
Description: Tema hijo de Storefront para Chikitín Express Shop
Author: Chikitín Express
Author URI: https://chikitinexpress.com
Template: storefront
Version: 1.1.0
Text Domain: chikitin-express
*/

/* --------------------------------------------------------------------------
   Design tokens – Corporativo Chikitín Express
   Fuentes nativas del sistema (sin cargas externas de Google Fonts)
   -------------------------------------------------------------------------- */

:root {
  --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  
  --chikitin-red: #ff1616;
  --chikitin-red-rgb: 255, 22, 22;
  --chikitin-yellow: #ffde59;
  --chikitin-yellow-rgb: 255, 222, 89;
  --chikitin-white: #ffffff;
  --chikitin-ink: #171717;
  --chikitin-black: #171717;
  --chikitin-warm-bg: #fff9f4;
  --chikitin-soft-gray: #f4f1ed;
  --chikitin-border: #eae6df;
  --chikitin-muted: #666666;
  
  --chikitin-radius-lg: 16px;
  --chikitin-radius-md: 12px;
  --chikitin-radius-sm: 8px;
  --chikitin-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  --chikitin-shadow-hover: 0 8px 28px rgba(0, 0, 0, 0.08);
  --chikitin-container-max: 1200px;
}

/* Safe Sans-Serif Font Override — Target textual elements strictly, preserving icon fonts & pseudo-elements */
html,
body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6,
p, a, span:not([class*="icon"]):not([class*="fa-"]):not([class*="dashicon"]),
label, li, td, th, dt, dd,
.site,
.site-header,
.site-content,
.main-navigation,
.main-navigation a,
.chikitin-home,
.chikitin-home h1, .chikitin-home h2, .chikitin-home h3, .chikitin-home h4, .chikitin-home h5, .chikitin-home h6,
.chikitin-home p, .chikitin-home a, .chikitin-home button, .chikitin-home input, .chikitin-home select, .chikitin-home textarea,
.site-footer, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer p, .site-footer a,
.entry-title, .page-title, .product_title, .woocommerce-loop-product__title,
.site-title, .site-description, .widget-title,
.woocommerce, .woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce p, .woocommerce button, .woocommerce input, .woocommerce select {
  font-family: var(--font-body) !important;
}