/* Process - design tokens
   PIVOT 17.07: theo feedback khach (anh Phu): doanh nghiep giai phap tu dong hoa,
   mau teal theo logo + trang + xam nhat + xanh than. Bo tong giay/vang cu. */
:root {
  /* nen sang */
  --bg: #fbfcfc;
  --bg-soft: #f0f4f5;
  --ink: #16272e;
  --ink-soft: #56676e;

  /* xanh than (dark sections) */
  --night: #0e2a33;
  --night-soft: #123540;
  --night-mid: #0e2a33;

  /* chu tren nen toi */
  --bone: #eef4f5;
  --bone-soft: #9db3ba;

  /* teal logo: accent duy nhat */
  --accent: #12a394;      /* teal chinh */
  --accent-deep: #0b7d72; /* nut/link tren nen sang (AA) */
  --accent-bright: #2fd4c2; /* diem nhan tren nen xanh than */
  --gold: #2fd4c2;        /* alias cu: moi tham chieu --gold nay la teal sang */

  --hairline-light: rgba(22, 39, 46, .16);
  --hairline-dark: rgba(238, 244, 245, .18);

  /* giu cac alias cu de CSS hien huu chay dung */
  --paper: #fbfcfc;
  --paper-deep: #f0f4f5;

  /* chu */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body: "Be Vietnam Pro", "Segoe UI", Roboto, Arial, sans-serif;
  --fs-display-1: clamp(2.6rem, 7vw, 5.75rem);
  --fs-display-2: clamp(1.9rem, 4.6vw, 3.9rem);
  --fs-display-3: clamp(1.5rem, 3vw, 2.5rem);
  --fs-lead: clamp(1.125rem, 1.5vw, 1.375rem);
  --fs-body: 1rem;
  --fs-caption: .8125rem;
  --fs-eyebrow: .6875rem;

  /* khong gian */
  --container-max: 1440px;
  --pad-x: clamp(20px, 6vw, 96px);
  --section-y: clamp(88px, 12vh, 170px);

  /* z scale */
  --z-stage: 2;
  --z-grain: 80;
  --z-header: 90;
  --z-menu: 100;

  /* header */
  --header-h: 68px;
}

@media (min-width: 1024px) {
  :root { --header-h: 92px; }
}