/*
Theme Name: Super Dave English
Theme URI: https://example.com/super-dave-english
Author: Super Dave English
Author URI: https://example.com
Description: Foundation theme for Super Dave English 1A — bilingual holding page, adult lesson templates, brand tokens. Generated-By: phasma (plan v2.0.0)
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: super-dave-english-theme
*/

/*
 * Design tokens (from build plan theme.design_tokens).
 * Palette and typography custom properties — brand essentials only.
 * Kids cover tokens deliberately absent per plan notes (join at 1B revision).
 */
:root {
	--sd-color-adult-banner: #F9DE56;
	--sd-color-adult-cover: #6A8A93;
	--sd-color-logo-background: #F7D348;
	--sd-color-logo-gradient-start: #50AEF8;
	--sd-color-logo-gradient-end: #1B3EF4;
	--sd-color-section-answers: #27AE60;
	--sd-color-section-grammar: #9B51E0;
	--sd-color-section-new-words: #F5C242;
	--sd-color-section-questions: #F2994A;
	--sd-color-section-story: #F5C242;
	--sd-color-silhouette: #F9DE57;
	--sd-color-your-turn-box: #EE9F39;

	--sd-font-adult-display: 'Bricolage Grotesque', serif;
	--sd-font-body: 'Source Sans 3', sans-serif;
	--sd-font-body-zh: 'Noto Sans SC', sans-serif;
	--sd-font-kids-display: 'Fredoka', sans-serif;
}

body {
	font-family: var(--sd-font-body);
	line-height: 1.6;
}

.sd-zh {
	font-family: var(--sd-font-body-zh);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--sd-font-adult-display);
}

.sd-site-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1.5rem;
}

.sd-site-header__logo img {
	max-height: 64px;
	display: block;
}

.sd-site-header__logo-placeholder {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--sd-color-logo-gradient-start), var(--sd-color-logo-gradient-end));
}

.sd-site-header__title {
	font-family: var(--sd-font-adult-display);
	font-size: 1.25rem;
	margin: 0;
}

.sd-site-footer {
	padding: 1.5rem;
	text-align: center;
	font-size: 0.875rem;
	opacity: 0.8;
}

.sd-section {
	padding: 2rem 1.5rem;
	border-radius: 8px;
	margin-bottom: 1.5rem;
}

.sd-section--story {
	background-color: color-mix(in srgb, var(--sd-color-section-story) 20%, white);
}

.sd-section--new-words {
	background-color: color-mix(in srgb, var(--sd-color-section-new-words) 20%, white);
}

.sd-section--questions {
	background-color: color-mix(in srgb, var(--sd-color-section-questions) 20%, white);
}

.sd-section--answers {
	background-color: color-mix(in srgb, var(--sd-color-section-answers) 20%, white);
}

.sd-section--grammar {
	background-color: color-mix(in srgb, var(--sd-color-section-grammar) 20%, white);
}

.sd-your-turn {
	background-color: var(--sd-color-your-turn-box);
	padding: 1.5rem;
	border-radius: 8px;
	color: #1a1a1a;
}

.sd-holding-page {
	max-width: 720px;
	margin: 0 auto;
	padding: 2rem 1.5rem;
}

.sd-holding-page__intro {
	margin-bottom: 2rem;
}

.sd-holding-page__qr {
	width: 160px;
	height: 160px;
	border: 2px dashed #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 0.8rem;
	color: #888;
	margin: 1.5rem 0;
}

.sd-holding-page__qr img {
	max-width: 100%;
	max-height: 100%;
}

.sd-zh-pending {
	color: #b5651d;
	font-style: italic;
}