/*
Theme Name:   Hombre Alfa
Theme URI:    https://hombrealfa.com
Description:  Tema hijo de Twenty Twenty-Five para Hombre Alfa®. Sistema de diseño FORJA.
Author:       Hombre Alfa
Author URI:   https://hombrealfa.com
Template:     twentytwentyfive
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  hombrealfa
Tags:         dark, masculine, minimal
*/

@import url("tokens.css");

/* ============================================================
   Fuentes locales
   ============================================================ */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 75%;
  font-display: swap;
  src: url('assets/fonts/archivo-700-w75.woff2') format('woff2');
}

@font-face {
  font-family: 'Archivo Expanded';
  font-style: normal;
  font-weight: 800;
  font-stretch: 125%;
  font-display: swap;
  src: url('assets/fonts/archivo-800-w125.woff2') format('woff2');
}

@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/hanken-grotesk-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('assets/fonts/hanken-grotesk-600.woff2') format('woff2');
}

/* ============================================================
   Tipografía global
   ============================================================ */

body {
  font-family: 'Hanken Grotesk', sans-serif;
}

h1,
h2,
h3 {
  font-family: 'Archivo Expanded', 'Archivo', sans-serif;
}

/* ============================================================
   WooCommerce global
   ============================================================ */

.woocommerce img,
.ha-product-card img {
  background: var(--ha-charcoal);
}