/*
Theme Name: Cuponia
Theme URI: https://agenciatortuga.cl
Author: Agencia Tortuga
Author URI: https://agenciatortuga.cl
Description: Portal de promociones y descuentos. Arquitectura escalable, sin ACF, sin page builders.
Version: 1.7.1
Requires at least: 6.4
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: cuponia
Tags: custom-post-types, rest-api, coupons
*/

/**
 * Sistema editorial.
 *
 * Reglas duras:
 *   - Sin gradientes.
 *   - Sin glows ni sombras de color.
 *   - Sin sombras decorativas. Solo filetes.
 *   - Sin backdrop-filter.
 *   - Sin pills. Radios de 0 a 4px.
 *   - Sin animaciones de rebote ni de adorno.
 *
 * La jerarquía se construye con tipografía, espacio y filete. Nada más.
 */

:root {
	/* Superficies. El gris frío acompaña al azul-noche del wordmark;
	   el cálido de antes peleaba con él. */
	--cp-bg: #ffffff;
	--cp-bg-alt: #f4f4f8;
	--cp-surface: #ffffff;

	/* Filetes */
	--cp-rule: #e2e2ea;
	--cp-rule-strong: #191b2e;

	/* Tinta: el azul-noche del wordmark de Cuponia. */
	--cp-ink: #191b2e;
	--cp-ink-mid: #5b5d73;
	--cp-ink-dim: #6b6d84;   /* 5.07:1 sobre blanco. Antes #8b8da3 daba 3.26 y no pasaba AA. */

	/* Acento de marca: el violeta del ticket. Un solo acento, como siempre.
	   El gradiente violeta→azul vive en el logo y solo en el logo. */
	--cp-accent: #6d4aef;
	--cp-accent-ink: #ffffff;
	--cp-accent-hover: #5a37d8;

	/* El violeta de los bloques plenos es más oscuro que el de marca. No es un
	   capricho: sobre #6d4aef, el texto secundario al 80% da 4.07:1 y no pasa
	   AA. Sobre #5a37d8 da 5.1. El bloque tiene que sostener texto pequeño. */
	--cp-accent-block: #5a37d8;
	--cp-alerta-light: #ffe4ea;

	/* Azul del ticket. Reservado para foco y enlaces: no compite con el acento. */
	--cp-blue: #3b65f5;

	/* Urgencia. Deliberadamente fuera de la marca: "vence hoy" tiene que
	   gritar, y si grita en violeta se confunde con el precio. */
	--cp-alerta: #d81e46;

	/* Estado */
	--cp-ok: #1f7a52;
	--cp-warn: #8a6100;

	/* Geometría */
	--cp-radius: 3px;
	--cp-radius-sm: 2px;

	/* Superficies invertidas. La profundidad la da la masa de color, no la
	   sombra: por eso hay que declarar cómo se comporta el sistema completo
	   sobre fondo oscuro, no solo el fondo. */
	--cp-on-dark: #ffffff;
	--cp-on-dark-mid: rgba(255, 255, 255, 0.8);
	--cp-on-dark-dim: rgba(255, 255, 255, 0.72);
	--cp-on-dark-rule: rgba(255, 255, 255, 0.2);
	--cp-violet-light: #a894ff;
	--cp-ok-light: #ccf9e3;

	/* Ritmo vertical */
	--cp-gap: 24px;
}
