/**
 * 1. DESIGN SYSTEM - CSS VARIABLES (CAM - VÀNG PASTEL)
 * Khởi tạo biến theo chuẩn hệ thống Flatsome để dễ dàng thay đổi toàn cục.
 * Tông màu thương hiệu mới: Cam ấm & Vàng Pastel nhã nhặn.
 */
:root {
	/* Brand Colors (Cam & Vàng Pastel) */
	--kc-gold: #E75C24;          /* Cam thương hiệu chính (thay thế cho Gold cũ) */
	--kc-gold-dark: #C43F10;     /* Đỏ cam đậm */
	--kc-gold-light: #FCDA90;    /* Vàng pastel ấm */

	--kc-navy: #2D1C14;          /* Nâu đen ấm (thay thế cho Navy cũ) */
	--kc-navy-dark: #1E100A;     /* Nâu đen sẫm màu */
	--kc-navy-light: #4E3529;    /* Nâu ấm trung bình */

	--kc-gray: #8F796E;          /* Nâu xám ấm */
	--kc-gray-dark: #5C4A42;     /* Nâu xám sẫm */
	--kc-gray-light: #F7F2EE;    /* Xám kem nhạt */

	--kc-red: #E53935;
	--kc-red-dark: #B71C1C;
	--kc-red-light: #FF6B6B;

	--kc-white: #FFFFFF;
	--kc-black: #160B06;         /* Nâu đen cực tối */

	/* Semantic Colors */
	--kc-primary: var(--kc-gold);
	--kc-secondary: var(--kc-gold-light);
	--kc-accent: var(--kc-gold-dark);
	--kc-neutral: var(--kc-gray);

	/* Background */
	--kc-bg-dark: var(--kc-navy-dark);
	--kc-bg-section: #FDF3E7;    /* Kem cam nhạt */
	--kc-bg-light: #FDFDFB;      /* Trắng kem ấm */

	/* Text */
	--kc-text-main: var(--kc-white);
	--kc-text-dark: var(--kc-navy);
	--kc-text-muted: var(--kc-gray);

	/* Border / Shadow */
	--kc-border-gold: rgba(231, 92, 36, 0.35);
	--kc-border-light: rgba(0, 0, 0, 0.08);
	--kc-shadow-gold: 0 4px 20px rgba(231, 92, 36, 0.12);

	/* Gradients */
	--kc-gradient-gold: linear-gradient(135deg, #FEF7E7 0%, #FCEBBE 50%, #FBE9E1 100%);
	--kc-gradient-dark: linear-gradient(135deg, #1E100A 0%, #2D1C14 55%, #3E261A 100%);

	/* Border & Layout */
	--border-color: #e1e2e9;
	--gutter: 24px;
	--container-max: 96rem;

	/* Spacing */
	--spacing-xs: 0.5rem;
	--spacing-sm: 1rem;
	--spacing-md: 1.5rem;
	--spacing-lg: 2rem;
	--spacing-xl: 3rem;
	--spacing-xxl: 5rem;

	/* Radius */
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--radius-pill: 9999px;

	/* Shadows */
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.entry-divider.is-divider.small {
	display: none !important;
}