/**
 * Bilge Erdem Astroloji — design tokens.
 * Namespace: --astro-* / --beastro-*
 */

:root {
	/* Surfaces */
	--astro-bg-primary: #071521;
	--astro-bg-secondary: #0D2230;
	--astro-surface: #142B3A;
	--astro-surface-elevated: #1A3040;

	/* Text */
	--astro-text-primary: #E8E0D2;
	--astro-text-secondary: #C4BDB4;
	--astro-text-muted: #9A9EA2;

	/* Accents */
	--astro-gold: #C5A66B;
	--astro-gold-light: #DDC58F;
	--astro-lavender: #887CA8;
	--astro-petrol: #6F8F8C;

	/* Borders & feedback */
	--astro-border: #665B49;
	--astro-divider: #29404E;
	--astro-success: #6F8F8C;
	--astro-error: #A84A52;

	/* Price (never WC green) */
	--astro-price: #E8E0D2;
	--astro-price-sale: var(--astro-gold-light);

	/* Button */
	--astro-btn-primary-bg: var(--astro-gold);
	--astro-btn-primary-text: #071521;
	--astro-btn-secondary-border: var(--astro-gold);
	--astro-btn-secondary-text: var(--astro-gold-light);

	/* Typography — balanced hierarchy (not oversized) */
	--astro-font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--astro-font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
	--astro-fs-body: 1.0625rem; /* 17px */
	--astro-fs-small: 0.875rem; /* 14px */
	--astro-fs-card-title: 1.1875rem; /* 19px */
	--astro-fs-h1: clamp(2.15rem, 3.8vw, 3.15rem); /* hero */
	--astro-fs-h1-page: clamp(1.75rem, 2.8vw, 2.35rem); /* page titles */
	--astro-fs-h2: clamp(1.45rem, 2.2vw, 1.85rem); /* section titles */
	--astro-fs-h3: clamp(1.15rem, 1.4vw, 1.35rem);
	--astro-lh-body: 1.7;
	--astro-lh-heading: 1.25;

	/* Layout — panel tokens first, then theme aliases */
	--beastro-card-radius: 8px;
	--beastro-section-space: clamp(4.5rem, 7vw, 5.5rem);
	--beastro-content-max: 1100px;
	--astro-radius-sm: 4px;
	--astro-radius-md: var(--beastro-card-radius);
	--astro-radius-lg: 12px;
	--astro-space-section: var(--beastro-section-space);
	--astro-space-page: clamp(3rem, 5vw, 4rem);
	--astro-space-block: clamp(1.25rem, 2.5vw, 2rem);
	--astro-space-card: clamp(1.4rem, 2vw, 1.85rem);
	--astro-space-grid: clamp(1.15rem, 2vw, 1.65rem);
	--beastro-container: 1280px;
	--beastro-container-wide: 1380px;
	--beastro-content-narrow: 820px;
	--astro-container: var(--beastro-container);
	--astro-container-wide: var(--beastro-container-wide);
	--astro-content-narrow: var(--beastro-content-narrow);
	--astro-container-pad: 40px;
	--astro-touch-min: 44px;
	--astro-header-height: 112px;
	--astro-crumb-bar-height: 42px;
	--astro-sticky-offset: var(--astro-header-height);
	--astro-logo-max: 300px;
	--astro-logo-height: 96px;
	--astro-input-height: 52px;

	/* Shared sky stage panel (Bugünün Gökyüzü + 2026 takvim) */
	--beastro-sky-panel-bg: rgba(20, 43, 58, 0.9);
	--beastro-sky-panel-bg-soft: rgba(20, 43, 58, 0.55);
	--beastro-sky-panel-border: rgba(232, 224, 210, 0.1);
	--beastro-sky-panel-radius: 14px;
	--beastro-sky-inset-bg: rgba(14, 32, 44, 0.72);
	--beastro-sky-inset-bg-lift: rgba(26, 52, 68, 0.78);

	/* Align WoodMart container with beastro */
	--wd-container-w: 1280px;

	/* Motion */
	--astro-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--astro-duration: 0.35s;
	--astro-glow-lavender: color-mix(in srgb, var(--astro-lavender) 35%, transparent);
	--astro-glow-gold: color-mix(in srgb, var(--astro-gold) 25%, transparent);

	/* Starfield tiles (SVG data URIs) */
	--beastro-stars-fine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='%23E8E0D2'%3E%3Ccircle cx='18' cy='28' r='1' opacity='.45'/%3E%3Ccircle cx='72' cy='16' r='.7' opacity='.35'/%3E%3Ccircle cx='118' cy='54' r='1.1' opacity='.5'/%3E%3Ccircle cx='164' cy='22' r='.6' opacity='.3'/%3E%3Ccircle cx='210' cy='68' r='.9' opacity='.4'/%3E%3Ccircle cx='256' cy='34' r='1.2' opacity='.55'/%3E%3Ccircle cx='298' cy='58' r='.7' opacity='.32'/%3E%3Ccircle cx='42' cy='96' r='.8' opacity='.38'/%3E%3Ccircle cx='96' cy='112' r='1' opacity='.48'/%3E%3Ccircle cx='148' cy='88' r='.6' opacity='.28'/%3E%3Ccircle cx='198' cy='124' r='.9' opacity='.42'/%3E%3Ccircle cx='248' cy='98' r='.7' opacity='.34'/%3E%3Ccircle cx='292' cy='136' r='1.1' opacity='.5'/%3E%3Ccircle cx='28' cy='168' r='.7' opacity='.33'/%3E%3Ccircle cx='78' cy='194' r='1' opacity='.46'/%3E%3Ccircle cx='132' cy='172' r='.6' opacity='.3'/%3E%3Ccircle cx='186' cy='208' r='.9' opacity='.4'/%3E%3Ccircle cx='234' cy='178' r='.75' opacity='.36'/%3E%3Ccircle cx='286' cy='214' r='1.15' opacity='.52'/%3E%3Ccircle cx='54' cy='246' r='.8' opacity='.37'/%3E%3Ccircle cx='108' cy='268' r='1' opacity='.44'/%3E%3Ccircle cx='162' cy='242' r='.65' opacity='.29'/%3E%3Ccircle cx='214' cy='278' r='.85' opacity='.41'/%3E%3Ccircle cx='268' cy='252' r='.7' opacity='.33'/%3E%3Ccircle cx='310' cy='286' r='1' opacity='.47'/%3E%3Ccircle cx='12' cy='302' r='.6' opacity='.28'/%3E%3C/g%3E%3C/svg%3E");
	--beastro-stars-bright: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='%23DDC58F'%3E%3Ccircle cx='48' cy='62' r='1.4' opacity='.7'/%3E%3Ccircle cx='156' cy='38' r='1.1' opacity='.55'/%3E%3Ccircle cx='268' cy='84' r='1.6' opacity='.75'/%3E%3Ccircle cx='352' cy='46' r='1' opacity='.5'/%3E%3Ccircle cx='92' cy='168' r='1.2' opacity='.6'/%3E%3Ccircle cx='210' cy='142' r='1.5' opacity='.72'/%3E%3Ccircle cx='318' cy='188' r='1.1' opacity='.52'/%3E%3Ccircle cx='64' cy='276' r='1.3' opacity='.65'/%3E%3Ccircle cx='178' cy='252' r='1' opacity='.48'/%3E%3Ccircle cx='292' cy='298' r='1.45' opacity='.7'/%3E%3Ccircle cx='386' cy='244' r='1.15' opacity='.58'/%3E%3Ccircle cx='128' cy='358' r='1.25' opacity='.62'/%3E%3Ccircle cx='246' cy='386' r='1.05' opacity='.5'/%3E%3Ccircle cx='364' cy='352' r='1.35' opacity='.68'/%3E%3C/g%3E%3Cg fill='%23E8E0D2'%3E%3Ccircle cx='120' cy='96' r='.8' opacity='.45'/%3E%3Ccircle cx='240' cy='220' r='.9' opacity='.5'/%3E%3Ccircle cx='40' cy='360' r='.75' opacity='.4'/%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 1024px) {
	:root {
		--astro-container-pad: 24px;
		--astro-header-height: 96px;
		--astro-logo-max: 240px;
		--astro-logo-height: 78px;
		--astro-crumb-bar-height: 40px;
	}
}

@media (max-width: 767px) {
	:root {
		--astro-container-pad: 18px;
		--astro-space-section: clamp(3.25rem, 10vw, 4.25rem);
		--astro-header-height: 80px;
		--astro-crumb-bar-height: 38px;
		--astro-logo-max: 200px;
		--astro-logo-height: 64px;
		--astro-fs-body: 1rem;
	}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	:root {
		--astro-duration: 0.01ms;
	}
}