:root{
  /* ---- Màu: một họ xanh, hai cao độ ---- */
  --color-ink: #08281F;            /* xanh cổ điển rất đậm — heading, band tối */
  --color-ink-2: #0E3B2E;          /* band tối có chiều sâu */
  --color-primary: #0C7A62;        /* emerald chính */
  --color-primary-hover: #0A6250;
  --color-primary-press: #084C3F;
  --color-body: #3C554B;           /* xanh-xám cho thân chữ — AA trên trắng */
  --color-muted: #547061;          /* nhãn phụ, caption — AA trên cả trắng lẫn surface-alt */
  --color-faint: #59746A;          /* metadata nhỏ — đạt AA, phân cấp bằng cỡ chữ */
  --color-surface: #FFFFFF;
  --color-surface-alt: #F5F9F6;    /* nền section luân phiên */
  --color-surface-warm: #FBF9F4;   /* một nhịp ấm hiếm hoi (khi cần) */
  --color-tint: #E7F2EC;           /* nền chip, icon, hover */
  --color-tint-strong: #D5E9DE;
  --color-border: #DCE7E0;
  --color-border-strong: #C3D6CC;
  --color-on-dark: #D8E7DE;        /* chữ phụ trên band tối */
  --color-on-dark-heading: #FFFFFF;
  --color-danger: #B42318;
  --color-success: #147D5F;
  --color-warn: #9A6A14;

  /* ---- Hình thái ---- */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-card: 20px;
  --radius-banner: 28px;
  --radius-button: 999px;          /* pill — nhịp thị chủ đạo */

  /* ---- Bóng phân lớp (thay bóng phẳng một lớp) ---- */
  --shadow-sm: 0 1px 2px rgba(8, 40, 31, 0.05);
  --shadow-md: 0 2px 4px rgba(8, 40, 31, 0.04), 0 12px 32px -10px rgba(8, 40, 31, 0.12);
  --shadow-lg: 0 4px 8px rgba(8, 40, 31, 0.05), 0 28px 64px -16px rgba(8, 40, 31, 0.18);
  --shadow-focus: 0 0 0 4px rgba(12, 122, 98, 0.18);

  /* ---- Bố cục ---- */
  --container-max: 1200px;
  --space-section-desktop: 96px;   /* nhịp thở rộng hơn */
  --space-section-mobile: 56px;
  --header-h-desktop: 80px;
  --header-h-mobile: 64px;

  /* ---- Chữ ---- */
  --font-sans: "Be Vietnam Pro", Arial, sans-serif;
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --tracking-tight: -0.018em;      /* heading */
  --tracking-wide: 0.14em;         /* eyebrow, nhãn nhỏ */

  /* ---- Chart ---- */
  --chart-1: #0C7A62;
  --chart-2: #08281F;
  --chart-3: #668075;
  --chart-4: #8FBFAE;
  --chart-5: #C7DDD2;
}
.enmasys-site *, .enmasys-site *::before, .enmasys-site *::after{ box-sizing: border-box; }
.enmasys-site img, .enmasys-site svg{ max-width: 100%; height: auto; }
.enmasys-site img{ display: block; }
.enmasys-site{ font-size: 16px; -webkit-text-size-adjust: 100%; }
.enmasys-site{
  margin: 0;
  font-family: var(--font-sans);
  font-size: 1.0625rem;
  line-height: 1.72;                       /* hơi nới để dễ đọc hơn bản trước */
  color: var(--color-body);
  background: var(--color-surface);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.enmasys-site h1, .enmasys-site h2, .enmasys-site h3, .enmasys-site h4{
  color: var(--color-ink);
  line-height: 1.16;
  margin: 0 0 0.5em;
  font-weight: 600;                        /* 600 thay 700 — thanh thoát hơn */
  letter-spacing: var(--tracking-tight);
  overflow-wrap: break-word;
  hyphens: none;
}
.enmasys-site h1{ font-size: clamp(2.5rem, 4.6vw, 3.9rem); line-height: 1.1; font-weight: 600; }
.enmasys-site h2{ font-size: clamp(1.75rem, 3vw, 2.55rem); margin-bottom: 0.42em; }
.enmasys-site h3{ font-size: clamp(1.2rem, 1.7vw, 1.45rem); }
.enmasys-site h4{ font-size: 1.0625rem; }
.enmasys-site .serif, .enmasys-site .h1-accent{
  font-family: var(--font-serif);
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0;
  color: var(--color-primary);
}
.enmasys-site p{ margin: 0 0 1em; }
.enmasys-site p:last-child{ margin-bottom: 0; }
.enmasys-site a{ color: var(--color-primary); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.enmasys-site a:hover{ color: var(--color-primary-hover); }
.enmasys-site strong{ font-weight: 600; color: var(--color-ink); }
.enmasys-site small, .enmasys-site .text-sm{ font-size: 0.875rem; }
.enmasys-site .text-xs{ font-size: 0.75rem; }
.enmasys-site .muted{ color: var(--color-muted); }
.enmasys-site .text-center{ text-align: center; }
.enmasys-site .eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 0.7813rem;
  font-weight: 600;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: 18px;
}
.enmasys-site .eyebrow::before{
  content: "";
  width: 26px;
  height: 1px;
  background: var(--color-primary);
  opacity: 0.55;
}
.enmasys-site .container{
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: 24px;
}
.enmasys-site .section{ padding-block: var(--space-section-desktop); }
.enmasys-site .section-alt{ background: var(--color-surface-alt); }
.enmasys-site .section-tint{ background: var(--color-tint); }
.enmasys-site .section-head{ max-width: 740px; margin: 0 auto 56px; }
.enmasys-site .section-head.center{ text-align: center; }
.enmasys-site .section-head .lede{ color: var(--color-muted); font-size: 1.125rem; line-height: 1.7; }
.enmasys-site .grid{ display: grid; gap: 28px; }
.enmasys-site .grid-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.enmasys-site .grid-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.enmasys-site .grid-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.enmasys-site [id]{ scroll-margin-top: calc(var(--header-h-desktop) + 20px); }
.enmasys-site .skip-link{
  position: absolute;
  left: -9999px;
  top: 8px;
  z-index: 1000;
  background: var(--color-ink);
  color: #fff;
  padding: 10px 18px;
  border-radius: var(--radius-button);
}
.enmasys-site .skip-link:focus{ left: 8px; }
.enmasys-site :focus-visible{
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 4px;
  box-shadow: var(--shadow-focus);
}
@media (prefers-reduced-motion: reduce){.enmasys-site *, .enmasys-site *::before, .enmasys-site *::after{
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }}
.enmasys-site{ scroll-behavior: smooth; }
@media (max-width: 991.98px){.enmasys-site .grid-3, .enmasys-site .grid-4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}
@media (max-width: 767.98px){.enmasys-site .container{ padding-inline: 20px; }
.enmasys-site .section{ padding-block: var(--space-section-mobile); }
.enmasys-site .grid-3, .enmasys-site .grid-4, .enmasys-site .grid-2{ grid-template-columns: 1fr; }
.enmasys-site .grid{ gap: 20px; }
.enmasys-site [id]{ scroll-margin-top: calc(var(--header-h-mobile) + 12px); }}
/* Giữ phông của bản thiết kế thắng theme Odoo (đặc hiệu .class el > el) */
.enmasys-site { font-family: var(--font-sans); }
.enmasys-site h1, .enmasys-site h2, .enmasys-site h3, .enmasys-site h4,
.enmasys-site button, .enmasys-site input, .enmasys-site select, .enmasys-site textarea,
.enmasys-site .btn, .enmasys-site .kpi-value { font-family: var(--font-sans); }
.enmasys-site .serif, .enmasys-site .h1-accent { font-family: var(--font-serif); }