/* Font Cormorant Garamond tự lưu (variable, 400 và 600), tiếng Việt + latin. font-display: optional để chữ không giật. */
/* Cormorant 400 — tiếng Việt */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url('../fonts/cormorant-400-vi.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* Cormorant 400 — latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url('../fonts/cormorant-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Cormorant 600 — tiếng Việt */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url('../fonts/cormorant-600-vi.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* Cormorant 600 — latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url('../fonts/cormorant-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Bộ V3 — THANG GIÁ TRỊ. Nguồn duy nhất của mọi giá trị giao diện công cụ.
   Tiêu chuẩn: KE-HOACH.md mục 5.1, 5.10. Không thêm giá trị ngoài bảng này. */
:root {
  /* Chữ. Viết bằng rem để nút A+ có tác dụng. */
  --v3-cs-12: .75rem; --v3-cs-13: .8125rem; --v3-cs-14: .875rem; --v3-cs-16: 1rem;
  --v3-cs-18: 1.125rem; --v3-cs-20: 1.25rem; --v3-cs-24: 1.5rem; --v3-cs-32: 2rem;
  --v3-cs-tieu-de: clamp(2.5rem, 1.6rem + 3.6vw, 5.5rem);
  --v3-cd-tieu-de: 1.3; --v3-cd-giao-dien: 1.5; --v3-cd-doc: 1.75;
  --v3-gc-0: 0; --v3-gc-1: .02em; --v3-gc-2: .08em; --v3-gc-3: .16em;
  --v3-dam-4: 400; --v3-dam-5: 500; --v3-dam-6: 600; --v3-dam-7: 700;
  --v3-f-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --v3-f-ui: 'Lexend Deca', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --v3-f-han: 'Noto Serif SC', 'Songti SC', 'Microsoft YaHei', serif;

  /* Màu chữ */
  --v3-c-nga: #EEE6D4; --v3-c-nga-phu: #CBBFA6; --v3-c-nhan: #9A8B6D; --v3-c-vang: #DCBB74;
  --v3-c-dat: #C48A72; --v3-c-loi: #E5877A; --v3-c-dat-ok: #8FBF8A;
  /* Màu nền */
  --v3-n-0: #0F0E0B; --v3-n-1: #14120E; --v3-n-2: #1A1712; --v3-n-3: #221E17;
  /* Viền vàng */
  --v3-v-1: rgba(201, 169, 110, .14); --v3-v-2: rgba(201, 169, 110, .28);
  /* Ngũ hành */
  --v3-h-kim: #D9D4C7; --v3-h-moc: #7FB58A; --v3-h-thuy: #6FA3C7; --v3-h-hoa: #D9775F; --v3-h-tho: #C9A35B;

  /* Màu riêng của tool: mặc định vàng, mỗi tool khai lại trong tool.css */
  --v3-tool: var(--v3-c-vang);

  /* Khoảng cách */
  --v3-k-4: .25rem; --v3-k-8: .5rem; --v3-k-12: .75rem; --v3-k-16: 1rem;
  --v3-k-24: 1.5rem; --v3-k-32: 2rem; --v3-k-48: 3rem; --v3-k-64: 4rem;
  /* Nhịp dọc: trong nhóm, giữa nhóm, giữa phần. Điện thoại 12, 24, 48. */
  --v3-nhip-nhom: var(--v3-k-12); --v3-nhip-giua: var(--v3-k-24); --v3-nhip-phan: var(--v3-k-48);
  /* Bề rộng */
  --v3-r-form: 35rem; --v3-r-chu: 45rem; --v3-r-tool: 67.5rem; --v3-r-rong: 80rem; --v3-le: var(--v3-k-16);

  --v3-bo-0: 0; --v3-bo-4: 4px; --v3-bo-8: 8px; --v3-bo-tron: 999px;
  --v3-vien-1: 1px; --v3-vien-2: 2px;
  --v3-bong-1: 0 1px 2px rgba(0, 0, 0, .4);
  --v3-bong-2: 0 4px 12px rgba(0, 0, 0, .4);
  --v3-bong-3: 0 12px 32px rgba(0, 0, 0, .5);
  --v3-bong-vang: 0 0 12px rgba(220, 187, 116, .28);
  --v3-mo-1: .06; --v3-mo-2: .14; --v3-mo-3: .28; --v3-mo-4: .5; --v3-mo-5: .72; --v3-mo-6: 1;
  --v3-t-120: 120ms; --v3-t-200: 200ms; --v3-t-360: 360ms; --v3-t-dinh: 1200ms;
  --v3-e-ra: cubic-bezier(.2, .7, .2, 1); --v3-e-deu: cubic-bezier(.4, 0, .2, 1);
  --v3-z-nen: 0; --v3-z-noi: 10; --v3-z-dinh: 100; --v3-z-nut-noi: 200;
  --v3-z-menu: 300; --v3-z-hop-thoai: 400; --v3-z-cho: 500; --v3-z-thong-bao: 600;
}
@media (min-width: 768px) {
  :root { --v3-le: var(--v3-k-24); --v3-nhip-nhom: var(--v3-k-16); --v3-nhip-giua: var(--v3-k-32); --v3-nhip-phan: var(--v3-k-64); }
}
@media (min-width: 1024px) {
  :root { --v3-le: var(--v3-k-32); }
}