/*
	Theme Name: INAA
	Theme URI: https://inaa.local
	Description: The Iteso of North America Association (INAA) is a legally registered, tax-exempt non-profit organization dedicated to fostering unity, cultural heritage, and community development among people of Iteso descent.
	Author: INAA
	Template: hello-elementor
	Version: 1.0.0
	Requires at least: 6.0
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: kasiryelabs
*/

/* -------------------------------------------------------------------------
 * Brand tokens
 * Sampled from the INAA logo: deep navy wordmark + red ribbon.
 * ---------------------------------------------------------------------- */
:root {
	--inaa-navy: #14275c;
	--inaa-navy-dark: #0d1a3e;
	--inaa-navy-mid: #1c3372;
	--inaa-navy-light: #2b4691;
	--inaa-red: #d0111b;
	--inaa-red-dark: #a50d15;
	--inaa-red-light: #e8323c;
	--inaa-white: #ffffff;
	--inaa-off-white: #f5f7fa;
	--inaa-border: #dde3ed;
	--inaa-text: #1b2333;
	--inaa-text-muted: #5b6478;

	/* Active typeface. Swap the first name to "Libre Franklin" to switch —
	   both families are declared in assets/css/fonts.css and only the one
	   named here is ever downloaded.
	   "Noto Sans" is a per-glyph fallback, not a body font: it supplies the
	   characters the active family lacks. Note that Google Sans Flex has no
	   Ŋ/ŋ, so Ateso's eng comes from Noto; Libre Franklin covers it itself. */
	--inaa-font: "Google Sans Flex", "Noto Sans", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;

	--inaa-container: 1280px;
	--inaa-radius: 4px;
	--inaa-shadow: 0 8px 28px rgba(13, 26, 62, 0.14);
	--inaa-transition: 200ms ease;
}

/* -------------------------------------------------------------------------
 * Typography
 * ---------------------------------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	font-family: var(--inaa-font);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--inaa-font);
	font-weight: 700;
	letter-spacing: -0.01em;
}

/* -------------------------------------------------------------------------
 * Button reset
 *
 * Hello Elementor paints every button #c36 (pink) on :hover AND :focus:
 *
 *   [type="submit"]:hover, button:focus, … { background-color:#c36; color:#fff }
 *
 * Any component that sets a hover background but only a :focus-visible one
 * still flashed pink on mouse-click, because :focus matches and
 * :focus-visible does not. Neutralise it here — this file loads after the
 * parent theme but before the component stylesheets, so each component's own
 * states still win.
 * ---------------------------------------------------------------------- */
button:hover,
button:focus,
[type="button"]:hover,
[type="button"]:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="reset"]:hover,
[type="reset"]:focus {
	background-color: transparent;
	color: inherit;
}

/* Header-specific rules live in assets/css/header.css */