
:root {
	--bn-color-primary: #0ea5e9;
	--bn-color-secondary: #1e293b;
	--bn-color-accent: #f59e0b;
	--bn-color-success: #10b981;
	--bn-color-warning: #f59e0b;
	--bn-color-danger: #ef4444;
	--bn-color-bg: #ffffff;
	--bn-color-surface: #f8fafc;
	--bn-color-text: #334155;
	--bn-color-heading: #0f172a;
	--bn-color-muted: #94a3b8;
	--bn-color-border: #e2e8f0;
	--bn-color-link: #0ea5e9;
	--bn-color-link-hover: #0284c7;

	/* Typography */
	--bn-font-heading: Newsreader, Georgia, serif;
	--bn-font-body: Inter, -apple-system, Segoe UI, sans-serif;
	--bn-font-size-h1: 2.75rem;
	--bn-font-size-h2: 2rem;
	--bn-font-size-h3: 1.5rem;
	--bn-font-size-h4: 1.25rem;
	--bn-font-size-h5: 1.1rem;
	--bn-font-size-h6: 1rem;
	--bn-font-size-body: 1rem;
	--bn-font-size-small: 0.875rem;
	--bn-font-weight-heading: 700;
	--bn-font-weight-body: 400;
	--bn-line-height-heading: 1.2;
	--bn-line-height-body: 1.7;

	/* Buttons */
	--bn-btn-bg: #0ea5e9;
	--bn-btn-text: #ffffff;
	--bn-btn-hover-bg: #0284c7;
	--bn-btn-hover-text: #ffffff;
	--bn-btn-radius: 6px;
	--bn-btn-padding: 12px 24px;
	--bn-btn-font-weight: 600;
	--bn-btn-shadow: 0 1px 3px rgba(0,0,0,0.08);

	/* Spacing */
	--bn-spacing-section: 80px;
	--bn-spacing-element: 24px;
	--bn-spacing-content: 20px;
	--bn-spacing-card: 24px;

	/* Layout */
	--bn-container-width: 1200px;
	--bn-content-width: 720px;
	--bn-sidebar-width: 300px;
	--bn-border-radius: 8px;

	/* === Design System Bridge ===
	 * Maps --bn-* tokens to --ds-* and --wp--preset--* equivalents
	 * so critical CSS, shortcodes, and the block editor all resolve
	 * to the same Customizer-driven values.
	 */
	--ds-bg-body: var(--bn-color-bg);
	--ds-bg-secondary: var(--bn-color-surface);
	--ds-text-primary: var(--bn-color-heading);
	--ds-text-secondary: var(--bn-color-text);
	--ds-text-muted: var(--bn-color-muted);
	--ds-border-light: var(--bn-color-border);
	--ds-accent-primary: var(--bn-color-primary);
	--ds-accent-secondary: var(--bn-color-secondary);
	--ds-link: var(--bn-color-link);
	--ds-link-hover: var(--bn-color-link-hover);
	--ds-success: var(--bn-color-success);
	--ds-warning: var(--bn-color-warning);
	--ds-danger: var(--bn-color-danger);
	--ds-font-heading: var(--bn-font-heading);
	--ds-font-body: var(--bn-font-body);
}

.site-footer{background:#0D1B2A;color:#B8B5AD;}.site-footer a{color:#B8B5AD;}.site-footer a:hover{color:#fff;}.footer-widgets{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}@media(max-width:768px){.footer-widgets{grid-template-columns:1fr;}}
