/*
Theme Name: Hepteon Blog
Theme URI: https://www.hepteon.com/
Description: Tema del blog de Hepteon, construido sobre Twenty Twenty-Five siguiendo el Manual de Marca v1.0. Paleta Indigo/Violeta/Magenta con acento Lima Senal, tipografias Sora y Space Grotesk.
Author: WeAreContent
Author URI: https://www.wearecontent.com/
Template: twentytwentyfive
Version: 1.1.0
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hepteon-blog
*/

:root {
	--hep-indigo:   #4F46E5;
	--hep-violeta:  #7C3AED;
	--hep-magenta:  #C026D3;
	--hep-lima:     #A3E635;
	--hep-tinta:    #14101F;
	--hep-humo:     #6B6480;
	--hep-niebla:   #ECEAF3;
	--hep-nocturno: #0C0A14;
}

/* Logo del blog (simbolo + wordmark) */
.hep-logo {
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	text-decoration: none;
}

.hep-logo__word {
	font-family: "Sora", system-ui, sans-serif;
	font-weight: 800;
	font-size: 1.4rem;
	letter-spacing: -0.02em;
	color: var(--hep-tinta);
	line-height: 1;
}

/* Titulares en Sora */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.wp-block-site-title {
	font-family: "Sora", system-ui, sans-serif;
	letter-spacing: -0.02em;
}

/* Enlaces con el violeta de marca */
.wp-block-post-content a:where(:not(.wp-element-button)) {
	color: var(--hep-violeta);
	text-underline-offset: .18em;
}

.wp-block-post-content a:where(:not(.wp-element-button)):hover {
	color: var(--hep-magenta);
}

.wp-block-post-title a:hover { color: var(--hep-violeta); }

/* Acento Lima Senal: nunca mas del 10% de la composicion */
.hep-accent { color: var(--hep-lima); }

.wp-block-quote {
	border-left: 3px solid var(--hep-lima);
	padding-left: 1.25rem;
	font-style: normal;
}