/**
 * Fallback design tokens. Every one of these is normally overridden by the
 * inline <style> block generated in inc/enqueue.php::sd_generate_css_variables()
 * from live Customizer values (Section 86). These act only as a safety net
 * before that inline block loads, and as a reference for developers.
 */
:root {
	--theme-primary: #1a56db;
	--theme-secondary: #0284c7;
	--theme-accent: #f97316;
	--theme-background: #f8fafc;
	--theme-surface: #ffffff;
	--theme-text: #111827;
	--theme-muted: #6b7280;
	--theme-border: #e5e7eb;
	--theme-success: #059669;
	--theme-warning: #f59e0b;
	--theme-header-bg: #ffffff;
	--theme-header-text: #111827;
	--theme-nav-active: #1a56db;
	--theme-footer-bg: #0f172a;
	--theme-footer-text: #e2e8f0;
	--theme-ticker-bg: #1a56db;
	--theme-ticker-text: #ffffff;

	--theme-primary-light: color-mix(in srgb, var(--theme-primary) 12%, white);
	--theme-accent-light: color-mix(in srgb, var(--theme-accent) 12%, white);

	--theme-font-body: 'Inter', sans-serif;
	--theme-font-heading: 'Inter', sans-serif;
	--theme-font-article: 'Merriweather', Georgia, serif;
	--theme-font-size-base: 15px;
	--theme-font-size-h1: 32px;
	--theme-font-size-h2: 24px;
	--theme-font-size-h3: 19px;
	--theme-font-size-h4: 16px;
	--theme-line-height: 1.6;
	--theme-line-height-article: 1.9;
	--theme-heading-weight: 800;
	--theme-body-weight: 400;

	--theme-container-width: 1200px;
	--theme-content-width: 760px;
	--theme-sidebar-width: 300px;
	--theme-sidebar-gap: 36px;
	--theme-page-padding: 20px;
	--theme-section-spacing: 40px;
	--theme-card-spacing: 16px;
	--theme-card-radius: 12px;
	--theme-button-radius: 9999px;
	--theme-image-radius: 20px;
	--theme-border-width: 1px;
	--theme-mobile-spacing: 16px;
	--theme-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);
	--theme-shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);
	--theme-grid-columns: 3;

	--theme-header-height: 64px;
	--theme-logo-max-width: 160px;
}

/* Gradient tokens used by placeholder thumbnails and category cards (design-fixed per Section 82: not user content, safe to hard-code as CSS) */
.grad-teal     { background: linear-gradient(135deg, #0d9488 0%, #059669 100%); }
.grad-blue     { background: linear-gradient(135deg, #3b82f6 0%, #4f46e5 100%); }
.grad-orange   { background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%); }
.grad-purple   { background: linear-gradient(135deg, #8b5cf6 0%, #db2777 100%); }
.grad-emerald  { background: linear-gradient(135deg, #10b981 0%, #0891b2 100%); }
.grad-rose     { background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%); }
.grad-violet   { background: linear-gradient(135deg, #7c3aed 0%, #9333ea 100%); }
.grad-indigo   { background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%); }
.grad-amber    { background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%); }
.grad-primary  { background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%); }