/* ============================================================
   Quỹ Thành Nhân — Brand token layer
   Sibling system to Hoa Mặt Trời. Layered ON TOP of HMT's
   colors_and_type.css (shares navy + cream + teal anchors).
   Primary accent: Ngọc bích (jade / emerald) — growth + heritage.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Roboto:wght@300;400;500;700&display=swap");

:root {
  /* ---------- Thành Nhân primary accent: jade ---------- */
  --tn-jade:       #1A845C;  /* primary accent · CTAs · mark on light (AA both ways) */
  --tn-jade-deep:  #0F5C3D;  /* hover / pressed · jade text on light & cream */
  --tn-jade-ink:   #0B3D29;  /* deepest jade · fine print on cream */
  --tn-jade-soft:  #DCF0E5;  /* tint fills · rules · focus ring */
  --tn-jade-light: #46C08A;  /* mark + accents on navy (on-dark) */

  /* ---------- Shared family anchors (from Hoa Mặt Trời) ---------- */
  --tn-navy:   #2A2A72;
  --tn-navy-700:#232361;
  --tn-cream:  #FAF8D1;
  --tn-teal:   #0D9098;      /* family secondary · links · used sparingly */
  --tn-sun:    #FED138;      /* HMT yellow — co-branding contexts ONLY */

  /* ---------- Neutrals ---------- */
  --tn-ink:     #1c2430;
  --tn-muted:   #6b7686;
  --tn-faint:   #98a1b0;
  --tn-hairline:#e4e8ef;
  --tn-paper:   #FBFBF6;     /* warm page field */
  --tn-surface: #ffffff;

  /* ---------- Type ---------- */
  --tn-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --tn-body:    "Roboto", "Helvetica Neue", Arial, sans-serif;
  --tn-mono:    "SF Mono", Consolas, ui-monospace, monospace;

  /* convenience short aliases used in the brand-kit document */
  --jade: var(--tn-jade);
  --jade-deep: var(--tn-jade-deep);
  --jade-soft: var(--tn-jade-soft);
  --jade-light: var(--tn-jade-light);
}
