/**
 * V&T Event Design — Base Typography & Global Styles
 *
 * Story 1.2: Base Typography & Global Styles
 * AC-1: H1-H6 render in Playfair Display serif
 * AC-2: Body text in Inter sans-serif, min 16px, line-height 1.5-1.7
 * AC-5: font-display: swap (configured in the Google Fonts stylesheet request)
 * AC-6: Max 2 font families (Playfair Display + Inter only)
 *
 * @package vt-event-design
 * @since 1.0.0
 */

/* ==========================================================================
   Base Typography
   ========================================================================== */

/**
 * AC-2: Body text renders in Inter sans-serif at minimum 16px with line-height 1.5-1.7
 * AC-6: Only Inter and Playfair Display font families are used
 */
body {
	font-family: 'Inter', sans-serif;
	font-size: 1rem; /* 16px minimum — AC-2 */
	line-height: 1.6; /* Within 1.5-1.7 range — AC-2 */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   Heading Typography
   ========================================================================== */

/**
 * AC-1: H1-H6 render in Playfair Display serif typeface
 * AC-4: Heading line-height 1.2-1.3 for visual tightness
 */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Playfair Display', serif;
	line-height: 1.25; /* Within 1.2-1.3 range — AC-4 */
}

h1, h2 {
	font-weight: 600;
}

h3, h4, h5, h6 {
	font-weight: 500;
}

/* ==========================================================================
   Paragraph & Text Elements
   ========================================================================== */

p:not(:last-child) {
	margin-bottom: 1em;
}

strong, b {
	font-weight: 600;
}

em, i {
	font-style: italic;
}

small {
	font-size: var(--wp--preset--font-size--small, 0.875rem);
}

/* ==========================================================================
   Link Styling
   ========================================================================== */

a {
	color: var(--wp--preset--color--gold, #8a7040);
	text-decoration: none;
	transition: color 0.2s ease;
}

a:hover,
a:focus {
	color: #6d5830;
}

a:focus-visible {
	outline: 2px solid var(--wp--preset--color--gold, #8a7040);
	outline-offset: 2px;
}

/* ==========================================================================
   Lists
   ========================================================================== */

ul, ol {
	margin-bottom: 1em;
	padding-left: 1.5em;
}

li {
	margin-bottom: 0.5em;
}

/* ==========================================================================
   Blockquote
   ========================================================================== */

blockquote {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	border-left: 3px solid var(--wp--preset--color--gold, #8a7040);
	padding-left: 1.5em;
	margin: 1.5em 0;
}

/* ==========================================================================
   Code & Pre
   ========================================================================== */

code, pre {
	font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace;
	font-size: 0.875rem;
}

pre {
	background: var(--wp--preset--color--ivory, #f5f0e8);
	padding: 1em;
	overflow-x: auto;
}