/* ==========================================================================
   CSS Custom Properties — Design System Tinh Dau Dua
   ========================================================================== */

:root {
  /* Brand colours */
  --green:   #17743a;
  --green-2: #0f5b2d;
  --mint:    #eaf7ee;
  --cream:   #fff8e8;
  --gold:    #c89736;
  --brown:   #3c2b1f;

  /* Text colours */
  --text:    #2b211b;
  --muted:   #756b60;

  /* UI colours */
  --line:    #eadfce;
  --white:   #fff;

  /* Elevation */
  --shadow:      0 22px 70px rgba(29, 74, 37, .12);
  --shadow-soft: 0 14px 34px rgba(0, 0, 0, .055);

  /* Shape */
  --radius: 24px;

  /* Typography */
  --font-base: Inter, Arial, sans-serif;

  /* Layout */
  --wrap-max: 1180px;
}