/* فروشکده — the default look. Kept as a file of its own so switching back to
   it goes through exactly the same path as any other theme.

   Every variable the layout uses is defined as `var(--forushkade-X, <this theme's
   value>)`. The fallback is what the theme looks like untouched; the
   `--forushkade-*` name is what the panel writes into custom-<hash>.css and what live
   preview sets on the document while a colour picker is being dragged.

   Without this indirection the customizer would emit a perfectly valid
   stylesheet that nothing read — which is exactly what it did before. The
   settings a theme declares in theme.json and the names it consumes here are
   two halves of one contract; changing one without the other silently does
   nothing. */
:root {
	--primary: var(--forushkade-primary, #4f46e5);
	--primary-light: var(--forushkade-secondary, #818cf8);
	--primary-dark: #3730a3;

	/* The gradient is this theme's signature, so it is assembled from the
	   parts the owner controls rather than written out. */
	--gradient: linear-gradient(
		var(--forushkade-grad-angle, 135deg),
		var(--forushkade-grad-from, var(--forushkade-primary, #4f46e5)) 0%,
		var(--forushkade-grad-to, var(--forushkade-secondary, #7c3aed)) 100%);
	--gradient-dark: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4c1d95 100%);

	--shadow: var(--forushkade-shadow, 0 4px 24px rgba(79, 70, 229, 0.12));
	--shadow-lg: 0 12px 40px rgba(79, 70, 229, 0.2);
	--radius: var(--forushkade-radius, 16px);
	--btn-radius: var(--forushkade-btn-radius, 8px);
	--container-width: var(--forushkade-container, 1200px);
	--section-gap: var(--forushkade-section-gap, 60px);
	--hero-overlay: var(--forushkade-hero-overlay, 0.45);

	--body-bg: var(--forushkade-bg, #ffffff);
	--body-text: var(--forushkade-text, #1e293b);
	--surface: var(--forushkade-surface, #f8fafc);
	--surface-border: #e2e8f0;
	--muted: #64748b;
	--navbar-bg: var(--forushkade-navbar, #0f0a28);
	--navbar-bg-solid: var(--forushkade-navbar, #0f0a28);
	--footer-bg: var(--forushkade-navbar, #212529);

	--body-font: var(--forushkade-font, Vazirmatn, sans-serif);
	--body-size: var(--forushkade-font-size, 16px);
	--line-height: var(--forushkade-line-height, 1.8);
	--heading-weight: var(--forushkade-heading-weight, 700);

	--success: var(--forushkade-success, #16a34a);
	--danger: var(--forushkade-danger, #dc2626);
}

body {
	background: var(--body-bg);
	color: var(--body-text);
	font-family: var(--body-font);
	font-size: var(--body-size);
	line-height: var(--line-height);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: var(--heading-weight);
}

.container,
.container-lg,
.container-xl {
	max-width: var(--container-width);
}

.section-padding {
	padding-top: var(--section-gap);
	padding-bottom: var(--section-gap);
}

.btn,
.form-control,
.form-select {
	border-radius: var(--btn-radius);
}

.card,
.rounded-3,
.rounded-4 {
	border-radius: var(--radius);
}