/*
 * Bo bien thiet ke (design tokens).
 *
 * Toan bo mau sac, co chu, khoang cach o day deu duoc do truc tiep tu
 * cellphones.com.vn bang computed style, khong phai uoc luong bang mat.
 *
 * Quy uoc dat ten:
 *   --cps-c-*   mau sac (color)
 *   --cps-fs-*  co chu (font size)
 *   --cps-lh-*  chieu cao dong (line height)
 *   --cps-fw-*  do dam (font weight)
 *   --cps-r-*   bo goc (radius)
 *   --cps-sp-*  khoang cach (spacing)
 */

:root {
	/* ----- Font ----- */
	--cps-font: 'Inter', Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

	--cps-fs-xs: 12px;
	--cps-fs-sm: 13px;
	--cps-fs-md: 14px;
	--cps-fs-base: 16px;
	--cps-fs-lg: 18px;
	--cps-fs-xl: 20px;
	--cps-fs-price: 24px;

	--cps-lh-xs: 15px;
	--cps-lh-md: 21px;
	--cps-lh-base: 24px;
	--cps-lh-xl: 30px;

	--cps-fw-regular: 400;
	--cps-fw-medium: 500;
	--cps-fw-semibold: 600;
	--cps-fw-bold: 700;

	/* ----- Mau chu ----- */
	--cps-c-text: #4a4a4a;        /* chu body */
	--cps-c-heading: #1f1f1f;     /* tieu de h1 */
	--cps-c-heading-2: #363636;   /* tieu de khoi h2 */
	--cps-c-strong: #1f1f1f;      /* gia ban, ten bien the */
	--cps-c-muted: #8f8f8f;       /* gia goc bi gach */
	--cps-c-link: #8a6a00;        /* vang du toi de doc duoc tren nen trang */

	/*
	 * ----- Mau thuong hieu -----
	 *
	 * Bang mau: vang gold #FFD700 chu dao, den #1F1F1F, trang #FFFFFF,
	 * xam #E9E9E9.
	 *
	 * Vang cang sang thi cang KHONG lam chu duoc: #FFD700 tren nen trang chi
	 * dat 1.4:1, gan nhu tang hinh. Nen moi cho vang xuat hien deu phai chon
	 * dung sac:
	 *   --cps-c-primary       nen nut, huy hieu, vach danh dau  (dat CHU DEN len)
	 *   --cps-c-primary-text  chu / bieu tuong mau vang tren nen sang (5.1:1)
	 *   --cps-c-primary-dark  vien, trang thai ro chuot
	 *   --cps-c-on-primary    mau chu dat tren nen vang (11.9:1)
	 */
	--cps-c-primary: #ffd700;              /* vang chu dao */
	--cps-c-primary-light: #ffe566;
	--cps-c-primary-dark: #d9b400;
	--cps-c-primary-text: #8a6a00;
	--cps-c-primary-pale: #fffae0;         /* nen vang rat nhat */
	--cps-c-on-primary: #1f1f1f;
	--cps-c-cta: linear-gradient(0deg, #f0c800, #ffd700);
	--cps-c-blue: #d9b400;                 /* vien nut phu - da doi sang vang dam */

	/* ----- Nen & vien ----- */
	--cps-c-bg: #ffffff;
	--cps-c-bg-soft: #e9e9e9;              /* o nhan trong bang thong so */
	--cps-c-bg-grey: #f4f4f4;              /* nen cac khoi uu dai / van chuyen */
	--cps-c-bg-page: #f7f7f7;
	--cps-c-promo-border: #ffd700;         /* vien khung khuyen mai */
	--cps-c-promo-bg: linear-gradient(249.83deg, #fffae0 3.89%, rgba(255, 250, 224, 0.4) 96.6%);
	--cps-c-border: #e9e9e9;               /* vien mac dinh */
	--cps-c-border-table: #e9e9e9;
	--cps-c-border-gallery: #d6d6d6;
	--cps-c-price-bg: linear-gradient(to right top, #fffdf0, #fffae0);

	/* ----- Bo goc ----- */
	--cps-r-sm: 8px;
	--cps-r-md: 10px;
	--cps-r-lg: 15px;
	--cps-r-xl: 16px;
	--cps-r-full: 999px;

	/* ----- Khoang cach ----- */
	--cps-sp-1: 4px;
	--cps-sp-2: 8px;
	--cps-sp-3: 12px;
	--cps-sp-4: 16px;
	--cps-sp-5: 20px;
	--cps-sp-6: 24px;
	--cps-sp-8: 32px;

	/* ----- Kich thuoc bo cuc ----- */
	--cps-container: 1200px;
	--cps-col-gap: 16px;
	--cps-col: 592px;              /* be rong 1 cot o desktop */
	--cps-content-left: 784px;
	--cps-content-right: 392px;

	/* ----- Do cao thanh phan ----- */
	--cps-h-variant: 50px;
	--cps-h-cta: 60px;
	--cps-h-thumb: 64px;

	--cps-shadow-bar: 0 -2px 12px rgba(0, 0, 0, 0.08);
	--cps-z-modal: 9999;
	--cps-z-bar: 998;
}

/*
 * Cau noi sang Flatsome.
 *
 * Nhung thanh phan chua duoc child theme ghi de (nut cua widget, thong bao
 * cua WooCommerce, phan trang...) lay mau tu bo bien rieng cua Flatsome. Bo
 * bien do van la mau mac dinh (#446084 xanh, #C05530 cam) du da doi mau
 * trong Tuy bien - Flatsome sinh CSS mot lan roi cat lai.
 *
 * Dung ":root:root" chu khong phai ":root": nhu vay quy tac nay thang bat ke
 * CSS cua Flatsome duoc nap truoc hay sau file nay.
 */
:root:root {
	--primary-color: #ffd700;
	--secondary-color: #1f1f1f;
	--fs-color-primary: #ffd700;
	--fs-color-secondary: #1f1f1f;
	--fs-color-success: #d9b400;
	--fs-color-alert: #1f1f1f;
	--fs-experimental-link-color: #8a6a00;
	--fs-experimental-link-color-hover: #d9b400;
}

/*
 * Nut cua Flatsome: nen vang thi CHU phai den. Mac dinh cua no la chu trang,
 * ma trang tren vang chi dat 1.4:1.
 */
.button.primary:not(.is-outline),
.button.is-primary:not(.is-outline),
button[type="submit"].primary:not(.is-outline),
input[type="submit"].primary:not(.is-outline) {
	color: var(--cps-c-on-primary);
}