@charset 'utf-8';

:root {
	--color-bg: #ffffff;
	--color-surface: #fdfdfd;
	--color-surface-soft: #ffffff;
	--color-primary: #c8a44e;
	--color-primary-rgb: 200, 164, 78; 
	--color-primary-soft:#f0da9d;
	--color-primary-subtle: #fff7e1;
	--color-accent-red: #dc143c;
	--color-text-main: #3b381e;
	--color-text-sub: #5e5b52;
	--color-text-tn: #dfdfdf;
	--color-text-sub-dark: #b8b0b0;
	--color-border-subtle: #e3e3e3;
	--color-text-muted: #b5b5b5;
	--color-text-primary-btn: #fff;

	--theme-primary: #4a69bd;
	--theme-dark: #2c3e50;
	--theme-gradient: linear-gradient(135deg, #2c3e50 0%, #4a69bd 100%);
	--mobile-bar-height: 32px;
	--radius-sm: 0.5rem;
	--radius-md: 0.75rem;
	--radius-lg: 1rem;
	--radius-xl: 1.5rem;
	--shadow-soft: 0 0 0.2rem rgba(50, 50, 50, 0.25);
	--fz-xxl: 56px;
	--fz-xl: 42px;
	--fz-lg: 24px;
	--fz-md: 20px;
	--fz-sm: 16px;
	--fz-tn: 14px;

	--bs-container-xxxl: 1520px;

	--bs-info: #2e9eff !important;



	--law-primary: #0f1f3e;
	--law-secondary: #f4f6f9;
	--law-accent: #c6a87c;
	--law-text: #333333;
	--law-border: #e0e0e0;

	--faq-list-breadcrumb-color: #6f8098;
	--faq-list-breadcrumb-current-color: #786016;
	--faq-list-title-color: var(--color-primary);
	--faq-list-title-text-color: var(--color-text-main);
	--faq-list-meta-color: #90826b;
	--faq-list-summary-color: #81715b;
	--faq-list-item-summary-color: var(--color-text-sub);
	--faq-list-qmark-color: var(--color-primary);
	--faq-list-tag-color: var(--color-primary);
	--faq-list-tag-bg-color: #f1f1f1;
	--faq-list-category-link-color: #7d6448;
	--faq-list-category-link-hover-color: #99681f;
	--faq-list-category-link-hover-border-color: #d4b17e;
	--faq-list-category-link-active-color: var(--color-primary);
	--faq-list-category-divider-color: var(--color-border-subtle);
	--faq-list-search-text-color: #3b2f1e;
	--faq-list-search-placeholder-color: #a5997c;
	--faq-list-search-action-color: #a88a33;
	--faq-list-arrow-color: #a88a33;
	--faq-list-arrow-border-color: #ebe5d4;
	

	/* quill editor */
	--ql-h2-color:var(--color-text-main);
	--ql-h3-color:var(--color-text-main);

	
}

@media screen and (max-width: 576px) {
	:root {
		--fz-xxl: 28px;
		--fz-xl: 24px;
		--fz-lg: 20px;
		--fz-md: 16px;
		--fz-sm: 14px;
		--fz-tn: 12px;
	}
}