/**
 * 01-base.css — Global Base Styles
 *
 * Supplements theme.json with CSS custom properties and
 * base-level styling that cannot be expressed in JSON.
 *
 * @package academy-of-octet-schola
 */

/* ─── Custom Properties (supplements theme.json) ─── */
:root {
	/* Colors not available as theme.json presets */
	--color-primary-hover: #851212;
	--color-secondary-gold: #D4AF37;

	/* Shadows from DESIGN.md */
	--shadow-none: none;
	--shadow-heavy: 0 10px 15px -3px rgba(163, 29, 29, 0.15),
	                0 4px 6px -2px rgba(0, 0, 0, 0.05);

	/* Transition defaults */
	--transition-fast: 150ms ease;
	--transition-normal: 250ms ease;
}

/* ─── Selection Highlight ─── */
::selection {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

/* ─── Smooth scroll ─── */
html {
	scroll-behavior: smooth;
}

/* ─── Body base ─── */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	overflow-wrap: break-word;
	word-break: break-word;
}

/* ─── Image defaults ─── */
img {
	max-width: 100%;
	height: auto;
}

/* ─── Focus visible ─── */
:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

/* ─── Meta / Tag typography ─── */
.wp-block-post-terms,
.wp-block-post-date,
.taxonomy-category,
.entry-meta {
	font-family: var(--wp--preset--font-family--monospace);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	line-height: 1;
	color: var(--wp--preset--color--secondary);
	letter-spacing: 0.02em;
}

/* ─── Blockquote / Pullquote academic styling ─── */
.wp-block-quote,
.wp-block-pullquote {
	border-left: 4px solid var(--wp--preset--color--primary);
	background-color: var(--wp--preset--color--tertiary);
	padding: var(--wp--preset--spacing--medium);
	border-radius: 4px;
}

.wp-block-quote cite,
.wp-block-pullquote cite {
	font-family: var(--wp--preset--font-family--monospace);
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--secondary);
}

/* ─── Paragraph Block Style: Contrast Accent Badge ─── */
p.is-style-contrast-accent-badge,
.is-style-contrast-accent-badge {
	background-color: var(--wp--preset--color--secondary) !important;
	color: var(--wp--preset--color--primary) !important;
	padding: 2px 12px !important;
	border-radius: 8px !important;
	display: inline-block;
}