/* ============================================================
   TOKENS — Biến dùng chung cho TOÀN WEB
   Sửa ở đây là cả web đổi theo. (Module A)
   ============================================================ */
:root {
  /* --- Màu thương hiệu --- */
  --green-900:#0C3B2A;   /* xanh rêu đậm  */
  --green-700:#14503C;   /* xanh chủ đạo  */
  --green-600:#1C6B4F;
  --green-100:#E4EFE9;   /* nền xanh nhạt */
  --gold:#C9962E;        /* vàng đồng nhấn */
  --gold-soft:#E4B84A;

  /* --- Nền & chữ --- */
  --ivory:#FBFAF7;       /* nền trang     */
  --paper:#FFFFFF;       /* nền thẻ       */
  --ink:#17231D;         /* chữ chính     */
  --muted:#5E6E66;       /* chữ phụ       */
  --line:#E5E2D9;        /* đường kẻ      */

  /* --- Màu nhấn theo trang (trang dịch vụ sẽ ghi đè) --- */
  --accent:#1C6B4F;

  /* --- Phông chữ (khai báo tên; file gọi qua Google Fonts ở <head>) --- */
  --font-display:"Lora", Georgia, serif;                 /* tiêu đề  */
  --font-body:"Be Vietnam Pro", system-ui, sans-serif;   /* nội dung */

  /* --- Thang khoảng cách --- */
  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px; --space-24:96px;

  /* --- Bo góc & bóng --- */
  --radius-sm:8px;
  --radius:14px;
  --radius-lg:22px;
  --shadow:0 18px 40px -24px rgba(12,59,42,.45);

  /* --- Khung nội dung --- */
  --container:1180px;
  --gutter:clamp(20px, 5vw, 64px);

  /* --- Nền xanh đậm (dải CTA, cảm nhận, footer) --- */
  --grad-dark:linear-gradient(160deg, #0E8449 0%, #0A5F37 100%);

  /* --- Bóng nhuốm xanh (3 cấp) & viền khung kép --- */
  --shadow-sm:0 1px 2px rgba(10,95,55,.06), 0 8px 18px -12px rgba(10,95,55,.22);
  --shadow-lg:0 44px 80px -44px rgba(10,70,45,.55), 0 14px 28px -20px rgba(10,70,45,.28);
  --bezel:0 0 0 6px rgba(255,255,255,.65), 0 0 0 7px rgba(20,80,60,.08);

  /* --- Bo góc lớn cho khối nổi bật --- */
  --radius-xl:28px;

  /* --- Chuyển động --- */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-spring:cubic-bezier(.32,.72,0,1);

  /* --- Thang lớp (z-index) --- */
  --z-nav:50;
  --z-grain:60;
}