/* ==========================================================================
   Baliimoti Design — Токени
   Единствен източник на визуални стойности. Компонентните файлове НЕ съдържат
   hardcoded hex-ове — само променливи оттук.
   Спецификация: design/DESIGN.md
   ========================================================================== */

:root {

	/* --- Палитра: Primary „Basalt" (вулканичен зелен) --------------------- */
	--bd-primary: #1F4A3D;
	--bd-primary-dark: #14332A;
	--bd-primary-darker: #0F2921;
	--bd-primary-light: #2E6656;

	/* --- Палитра: Secondary „Lagoon Slate" -------------------------------- */
	--bd-secondary: #3E6B70;
	--bd-secondary-dark: #2C4F53;

	/* --- Палитра: Accent „Brass" -----------------------------------------
	   ВНИМАНИЕ: --bd-accent е само за едър текст (≥18px) и графични акценти.
	   Контраст на бяло = 3.09:1 → не минава AA за малък текст.
	   За малък текст се използва --bd-accent-dark (5.33:1).               */
	--bd-accent: #B98A4B;
	--bd-accent-dark: #8C6330;
	--bd-accent-light: #D9B98A;

	/* --- Палитра: Ink (топла неутрална скала) ----------------------------- */
	--bd-ink-950: #131715;
	--bd-ink-800: #2C3330;
	--bd-ink-600: #5A625E;
	--bd-ink-400: #8A918D;

	/* --- Палитра: Stone (повърхности) ------------------------------------- */
	--bd-surface: #F7F3EC;
	--bd-surface-card: #FFFFFF;
	--bd-surface-alt: #F1EBE1;
	--bd-surface-dark: #14332A;
	--bd-border: #E2DACE;
	--bd-border-subtle: #EFE9E0;

	/* --- Семантични ------------------------------------------------------- */
	--bd-error: #A8382F;
	--bd-success: #2F7D4F;
	--bd-warning: #8A5A14;
	--bd-info: var(--bd-secondary);

	/* --- Роли (семантични псевдоними — използвай тези в компонентите) ------ */
	--bd-text: var(--bd-ink-950);
	--bd-text-secondary: var(--bd-ink-800);
	--bd-text-tertiary: var(--bd-ink-600);
	--bd-text-muted: var(--bd-ink-400);   /* само декорация / disabled */
	--bd-text-on-dark: #FFFFFF;
	--bd-text-on-dark-soft: rgba(255, 255, 255, .78);
	--bd-text-on-dark-faint: rgba(255, 255, 255, .55);

	--bd-link: var(--bd-primary);
	--bd-link-hover: var(--bd-accent-dark);
	--bd-focus-ring: rgba(62, 107, 112, .45);
	--bd-focus-ring-soft: rgba(62, 107, 112, .25);

	/* --- Шрифтове --------------------------------------------------------- */
	--bd-font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	--bd-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	/* --- Типографска скала (fluid) ---------------------------------------- */
	--bd-fs-hero: clamp(2.75rem, 6vw, 4.5rem);
	--bd-fs-display: clamp(2.25rem, 4vw, 3.25rem);
	--bd-fs-section: clamp(1.25rem, 2vw, 1.5rem);
	--bd-fs-card-title: clamp(1.5rem, 2.2vw, 1.75rem);
	--bd-fs-subhead: 1.125rem;
	--bd-fs-lead: clamp(1.0625rem, 1.4vw, 1.125rem);
	--bd-fs-body: 1rem;
	--bd-fs-body-sm: 0.9375rem;
	--bd-fs-small: 0.875rem;
	--bd-fs-caption: 0.75rem;
	--bd-fs-eyebrow: 0.75rem;
	--bd-fs-price: 1.5rem;

	/* --- Междуредово ------------------------------------------------------ */
	--bd-lh-tight: 1.05;
	--bd-lh-display: 1.1;
	--bd-lh-heading: 1.25;
	--bd-lh-body: 1.65;

	/* --- Отстояния (базова единица 8px) ----------------------------------- */
	--bd-s-1: 4px;
	--bd-s-2: 8px;
	--bd-s-3: 12px;
	--bd-s-4: 16px;
	--bd-s-5: 24px;
	--bd-s-6: 32px;
	--bd-s-7: 48px;
	--bd-s-8: 64px;
	--bd-s-9: 96px;
	--bd-s-10: 128px;
	--bd-s-11: 160px;

	/* --- Вертикален ритъм между секции ------------------------------------ */
	--bd-section-y: clamp(72px, 9vw, 128px);
	--bd-section-y-sm: clamp(48px, 6vw, 80px);

	/* --- Контейнер --------------------------------------------------------- */
	--bd-container: 1240px;
	--bd-container-narrow: 760px;
	--bd-gutter: 16px;

	/* --- Радиуси ----------------------------------------------------------- */
	--bd-radius-sm: 2px;
	--bd-radius: 3px;
	--bd-radius-lg: 4px;
	--bd-radius-full: 9999px;

	/* --- Сенки (топло-зелено-черно, не чисто черно) ----------------------- */
	--bd-shadow-1: 0 1px 2px rgba(20, 28, 24, .05);
	--bd-shadow-2: 0 4px 6px rgba(20, 28, 24, .07), 0 2px 4px rgba(20, 28, 24, .05);
	--bd-shadow-3: 0 10px 15px rgba(20, 28, 24, .10), 0 4px 6px rgba(20, 28, 24, .05);
	--bd-shadow-4: 0 20px 25px rgba(20, 28, 24, .15), 0 10px 10px rgba(20, 28, 24, .05);

	/* --- Движение ---------------------------------------------------------- */
	--bd-ease: cubic-bezier(.22, .61, .36, 1);
	--bd-t-fast: 150ms;
	--bd-t-base: 200ms;
	--bd-t-slow: 250ms;

	/* --- Слоеве ------------------------------------------------------------ */
	--bd-z-base: 1;
	--bd-z-sticky: 100;
	--bd-z-header: 500;
	--bd-z-overlay: 900;
	--bd-z-modal: 1000;

	/* ======================================================================
	   СЪВМЕСТИМОСТ С ТЕМАТА g5-beyot

	   Темата дефинира собствени променливи на `:root` в style.css (ред 36–130):
	   шрифтове, цветове на хедър/футър/навигация, акцент. По подразбиране
	   акцентът е оранжев #fb6a19, текстът е #787878 (контраст 4.6:1 — на ръба),
	   а заглавията са Poppins.

	   Пренасочваме ги към нашата палитра на едно място, вместо да презаписваме
	   стотици селектори поотделно. Нашият файл се зарежда след style.css, а
	   специфичността е еднаква (`:root`) → нашите стойности печелят.
	   ====================================================================== */

	/* --- Шрифтове --- */
	--g5-body-font: var(--bd-font-body);
	--g5-secondary-font: var(--bd-font-body);
	--g5-h1-font: var(--bd-font-display);
	--g5-h2-font: var(--bd-font-display);
	--g5-h3-font: var(--bd-font-display);
	--g5-h4-font: var(--bd-font-body);
	--g5-h5-font: var(--bd-font-body);
	--g5-h6-font: var(--bd-font-body);

	/* --- Акцент: оранжево -> нашия зелен (интерактивните елементи са primary) --- */
	--g5-color-accent: var(--bd-primary);
	--g5-color-accent-foreground: #FFFFFF;
	--g5-color-accent-lighten: var(--bd-primary-light);
	--g5-color-link: var(--bd-primary);
	--g5-color-link-hover: var(--bd-accent-dark);
	--g5-navigation-text-color-hover: var(--bd-primary);
	--g5-x-menu-a-text-hover: var(--bd-primary);
	--g5-top-bar-equal-color: var(--bd-accent-dark);

	/* --- Текст и граници --- */
	--g5-color-heading: var(--bd-ink-950);
	--g5-color-text-main: var(--bd-ink-800);
	--g5-color-muted: var(--bd-ink-600);
	--g5-color-border: var(--bd-border);
	--g5-border-color-dark: var(--bd-border);
	--g5-color-heading-lighten: var(--bd-ink-600);

	/* --- Хедър и навигация --- */
	--g5-header-background-color: var(--bd-surface-card);
	--g5-header-border-color: var(--bd-border);
	--g5-header-text-color: var(--bd-ink-800);
	--g5-navigation-bg-color: var(--bd-surface-card);
	--g5-navigation-text-color: var(--bd-ink-950);

	/* --- Горна лента --- */
	--g5-top-bar-bg-color: var(--bd-surface-alt);
	--g5-top-bar-text-color: var(--bd-ink-600);
	--g5-top-bar-border-color: var(--bd-border);

	/* --- Футър и долна лента (един тъмен блок, без бяла ивица отдолу) --- */
	--g5-footer-bg-color: var(--bd-surface-dark);
	--g5-footer-text-color: rgba(255, 255, 255, .78);
	--g5-footer-widget-title-color: #FFFFFF;
	--g5-footer-border-color: rgba(255, 255, 255, .16);
	--g5-bottom-bar-bg-color: var(--bd-surface-dark);
	--g5-bottom_bar_text_color: rgba(255, 255, 255, .55);
	--g5-bottom-bar-border-color: rgba(255, 255, 255, .12);

	/* --- ERE --- */
	--g5core-primary-color: var(--bd-primary);
	--g5core-secondary-color: var(--bd-accent-dark);
}

/* Тъмна секция — превключва текстовите роли наведнъж */
.bd-on-dark {
	--bd-text: var(--bd-text-on-dark);
	--bd-text-secondary: rgba(255, 255, 255, .92);
	--bd-text-tertiary: var(--bd-text-on-dark-soft);
	--bd-text-muted: var(--bd-text-on-dark-faint);
	--bd-link: #FFFFFF;
	--bd-link-hover: var(--bd-accent-light);
	--bd-border: rgba(255, 255, 255, .16);
	--bd-border-subtle: rgba(255, 255, 255, .10);
}

/* Светъл остров върху тъмна секция */
.bd-on-light {
	--bd-text: var(--bd-ink-950);
	--bd-text-secondary: var(--bd-ink-800);
	--bd-text-tertiary: var(--bd-ink-600);
	--bd-link: var(--bd-primary);
	--bd-link-hover: var(--bd-accent-dark);
	--bd-border: var(--bd-border);
}