/* ===========================================================================
   Agentra — brand tokens (blog). Soft light theme: cream + forest + sage.
   (Landing page uses its own _ds/colors_and_type.css, not this file.)
   =========================================================================== */
@font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap;
  src: url("../_ds/agentra-design-system-66c59df8-c587-49f2-9aa4-2c4776904ef8/fonts/Inter_24pt-Regular.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-weight: 500; font-style: normal; font-display: swap;
  src: url("../_ds/agentra-design-system-66c59df8-c587-49f2-9aa4-2c4776904ef8/fonts/Inter_24pt-Medium.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-weight: 600; font-style: normal; font-display: swap;
  src: url("../_ds/agentra-design-system-66c59df8-c587-49f2-9aa4-2c4776904ef8/fonts/Inter_24pt-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-weight: 700; font-style: normal; font-display: swap;
  src: url("../_ds/agentra-design-system-66c59df8-c587-49f2-9aa4-2c4776904ef8/fonts/Inter_24pt-Bold.ttf") format("truetype"); }
/* Be Vietnam Pro: display font có đầy đủ tiếng Việt (ư, ơ, ắ, ứ…),
   thay Poppins vốn thiếu các chữ horn nên bị fallback nhỏ/lệch. */
@font-face { font-family: "Be Vietnam Pro"; font-weight: 600; font-style: normal; font-display: swap;
  src: url("../_ds/agentra-design-system-66c59df8-c587-49f2-9aa4-2c4776904ef8/fonts/BeVietnamPro-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Be Vietnam Pro"; font-weight: 700; font-style: normal; font-display: swap;
  src: url("../_ds/agentra-design-system-66c59df8-c587-49f2-9aa4-2c4776904ef8/fonts/BeVietnamPro-Bold.ttf") format("truetype"); }
@font-face { font-family: "Be Vietnam Pro"; font-weight: 800; font-style: normal; font-display: swap;
  src: url("../_ds/agentra-design-system-66c59df8-c587-49f2-9aa4-2c4776904ef8/fonts/BeVietnamPro-ExtraBold.ttf") format("truetype"); }

:root {
  /* surfaces (dark, khớp trang chủ) */
  --bg:        #0D101B;   /* page background (charcoal)  */
  --bg-soft:   #0E1712;   /* hero / header band tint     */
  --paper:     #111A12;   /* cards / raised surface      */
  --paper-2:   #15211A;   /* soft panel                  */
  --paper-3:   #0F1913;   /* code / alt panel            */
  --rule:      rgba(70,177,82,0.16);  /* green hairline  */

  /* dải tối (thumbnail, cta, footer) */
  --band:      #0C2F1F;
  --band-2:    #0A2014;

  /* ink + greens */
  --forest:    #F1F5F1;   /* headings/strong (giờ là chữ sáng) */
  --forest-2:  #0A2014;   /* giữ tương thích, không dùng làm chữ */
  --text:      #D4DAD5;   /* body text                   */
  --muted:     #9AA4AE;   /* secondary text              */
  --dim:       #6E7A73;   /* labels / dim                */
  --dim-2:     #7C8A82;   /* on faint backgrounds        */

  --green:     #46b152;
  --green-h:   #3da347;
  --green-ink: #7CD08B;   /* green đọc được trên nền tối */
  --lime:      #b3d335;

  /* callout tints (dark) */
  --mint:      rgba(70,177,82,0.10);   /* principle */
  --blue-soft: rgba(96,150,240,0.10);  /* note      */
  --warm-soft: rgba(217,138,58,0.11);  /* warn      */

  /* text on dark bands (cta, footer) */
  --on-dark:   #eef3ee;
  --on-dark-mut: #9fb0a5;

  --font-display: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;

  --read-w: 720px;
  --wrap-w: 1080px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--text);
  font-family: var(--font-body); line-height: 1.6; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }