/*
Theme Name: Kadence Editorial (HCAA v2)
Theme URI: https://hcaa-preview.txmidnight.com
Description: Editorial magazine child theme for Hill Country Archeological Association, built on Kadence. Inspired by NatGeo, NYT Magazine, and Apple Newsroom.
Author: Texas Midnight Solutions
Author URI: https://txmidnight.com
Template: kadence
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kadence-child-v2
Tags: block-theme, editorial, serif, magazine
*/

/* =========================================================
   HCAA Editorial Design Tokens
   ---------------------------------------------------------
   Warm, archival, confident. Serif display, sans body,
   mono for dates and numerics. Do not bounce.
   ========================================================= */
:root {
	/* Palette */
	--hcaa-ink: #1F1A14;
	--hcaa-paper: #F5F0E8;
	--hcaa-sienna: #A14A2A;
	--hcaa-amber: #C98A2E;
	--hcaa-stone: #6B6256;
	--hcaa-line: #D6CBBA;
	--hcaa-shadow: #0F0B06;

	/* Type families */
	--hcaa-font-display: "Fraunces", "Iowan Old Style", "Palatino", Georgia, serif;
	--hcaa-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--hcaa-font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, Monaco, Consolas, monospace;

	/* Type scale (fluid-ish, paired with theme.json font-size presets) */
	--hcaa-fs-xs: 0.8125rem;   /* 13px */
	--hcaa-fs-sm: 0.9375rem;   /* 15px */
	--hcaa-fs-base: 1.125rem;  /* 18px */
	--hcaa-fs-md: 1.25rem;     /* 20px */
	--hcaa-fs-lg: 1.5rem;      /* 24px */
	--hcaa-fs-xl: 2rem;        /* 32px */
	--hcaa-fs-2xl: 3rem;       /* 48px */
	--hcaa-fs-3xl: 4.5rem;     /* 72px */
	--hcaa-fs-4xl: 6rem;       /* 96px */

	/* Rhythm: 8pt grid */
	--hcaa-space-1: 0.5rem;    /* 8  */
	--hcaa-space-2: 1rem;      /* 16 */
	--hcaa-space-3: 1.5rem;    /* 24 */
	--hcaa-space-4: 2rem;      /* 32 */
	--hcaa-space-5: 3rem;      /* 48 */
	--hcaa-space-6: 4rem;      /* 64 */
	--hcaa-space-7: 6rem;      /* 96 */
	--hcaa-space-8: 7.5rem;    /* 120 */

	/* Layout */
	--hcaa-container: 1280px;
	--hcaa-read-col: 680px;

	/* Motion */
	--hcaa-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
	--hcaa-dur: 600ms;
}

/* =========================================================
   Base typography
   ========================================================= */
html {
	-webkit-text-size-adjust: 100%;
}

body {
	background-color: var(--hcaa-paper);
	color: var(--hcaa-ink);
	font-family: var(--hcaa-font-body);
	font-size: var(--hcaa-fs-base);
	line-height: 1.7;
	font-feature-settings: "kern", "liga", "calt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
	font-family: var(--hcaa-font-display);
	color: var(--hcaa-ink);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.01em;
	font-variation-settings: "opsz" 144, "wght" 700;
}

p, li, dd, blockquote {
	font-family: var(--hcaa-font-body);
	font-weight: 400;
}

a {
	color: var(--hcaa-sienna);
	text-decoration-color: color-mix(in srgb, var(--hcaa-sienna) 40%, transparent);
	text-underline-offset: 0.2em;
	transition: color 220ms var(--hcaa-ease), text-decoration-color 220ms var(--hcaa-ease);
}

a:hover {
	color: var(--hcaa-ink);
	text-decoration-color: var(--hcaa-ink);
}

hr, .wp-block-separator {
	border: 0;
	border-top: 1px solid var(--hcaa-line);
	margin: var(--hcaa-space-5) 0;
}