/*
Theme Name: DYO
Theme URI: https://dyo.test/
Author: revon.net
Author URI: https://revon.net/
Description: Premium Bulgarian-language editorial theme for an interior doors blog. Blog-first magazine layout with a configurable animated hero slider, modular advertising placements, and Bulgarian SEO support. Not an e-commerce theme.
Version: 1.1.0
Requires at least: 6.5
Tested up to: 7.1.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dyo
Domain Path: /languages
Tags: blog, magazine, news, one-column, two-columns, right-sidebar, custom-menu, custom-logo, custom-colors, featured-images, translation-ready, block-styles, wide-blocks
*/

/*
 * All styles live in assets/css/. This file intentionally contains only the
 * theme header plus design tokens so that WordPress recognizes the theme and
 * child themes can override tokens by enqueueing after this file.
 */

:root {
	/* Mandatory five-color reference palette */
	--color-primary: #577590;   /* Blue Slate */
	--color-accent: #F3CA40;    /* Tuscan Sun */
	--color-orange: #F2A541;    /* Golden Orange */
	--color-tangerine: #F08A4B; /* Tangerine Dream */
	--color-salmon: #D78A76;    /* Sweet Salmon */

	/* Neutrals */
	--color-background: #FAF9F6;
	--color-surface: #FFFFFF;
	--color-text: #252525;
	--color-muted: #6B7280;
	--color-border: #E7E5E4;
	--color-charcoal: #1F2933;

	/* Derived tints */
	--color-primary-dark: #43596E;
	--color-primary-soft: #EDF1F5;
	--color-accent-soft: #FDF6DE;
	--color-salmon-soft: #FAEFEA;

	/* Typography */
	--font-heading: "Manrope", "Helvetica Neue", Arial, sans-serif;
	--font-body: "Inter", "Helvetica Neue", Arial, sans-serif;

	/* Layout */
	--container-width: 1280px;
	--article-width: 780px;
	--sidebar-width: 300px;
	--content-gap: 2rem;
	--header-height: 72px;

	/* Spacing scale */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--space-8: 4rem;

	/* Elevation & shape */
	--shadow-sm: 0 1px 2px rgba(31, 41, 51, 0.06);
	--shadow-md: 0 4px 14px rgba(31, 41, 51, 0.08);
	--shadow-lg: 0 12px 32px rgba(31, 41, 51, 0.12);
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 14px;

	/* Motion */
	--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
	--duration-fast: 160ms;
	--duration-base: 280ms;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--duration-fast: 0ms;
		--duration-base: 0ms;
	}
}