/* Bản Đồ Trái Tim – tokens (Liquid Glass cấu trúc, bảng màu ấm mục 8.7, chế độ sáng) */
:root {
  color-scheme: light;

  /* bảng màu chốt */
  --lq-peach: #FFB4A2;
  --lq-cream: #FFF4E6;
  --lq-berry: #E5566E;
  --lq-berry-deep: #C73B55;      /* nền nút: chữ trắng 4.9:1 */
  --lq-cookie: #7A4E3A;          /* chữ chính trên kem 6.6:1 */
  --lq-cookie-soft: #8A5C47;     /* chữ phụ, vẫn >= 4.5:1 trên kem */
  --lq-honey: #F6C453;
  --lq-honey-deep: #8A5A00;
  --lq-paper: #FBEBCB;           /* giấy mật thư */
  --lq-paper-edge: #E7CD98;
  --lq-ink: #4A2F22;

  /* kính ấm */
  --lq-glass: rgba(255, 252, 247, 0.92);
  --lq-glass-strong: rgba(255, 252, 247, 0.98);
  --lq-glass-border: rgba(255, 255, 255, 0.75);
  --lq-blur: 22px;
  --lq-rim: inset 0 1px 0.5px rgba(255, 255, 255, 0.95), inset 0 0 0 0.5px rgba(255, 255, 255, 0.6);
  --lq-lift-1: 0 1px 2px rgba(122, 78, 58, 0.08), 0 6px 18px rgba(122, 78, 58, 0.10);
  --lq-lift-2: 0 2px 6px rgba(122, 78, 58, 0.10), 0 18px 40px rgba(122, 78, 58, 0.18);

  /* chữ */
  --lq-font: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --lq-fs-sm: 14px; --lq-fs-md: 16px; --lq-fs-lg: 19px; --lq-fs-xl: 26px; --lq-fs-hero: 34px;

  /* hình khối */
  --lq-r-sm: 12px; --lq-r-md: 18px; --lq-r-lg: 24px; --lq-r-xl: 32px; --lq-r-pill: 999px;
  --lq-tap: 48px;
  --lq-s1: 4px; --lq-s2: 8px; --lq-s3: 12px; --lq-s4: 16px; --lq-s5: 20px; --lq-s6: 24px; --lq-s8: 32px;

  --lq-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --lq-spring: cubic-bezier(0.34, 1.5, 0.64, 1);

  --lq-safe-t: env(safe-area-inset-top, 0px);
  --lq-safe-b: env(safe-area-inset-bottom, 0px);
  --lq-safe-l: env(safe-area-inset-left, 0px);
  --lq-safe-r: env(safe-area-inset-right, 0px);
}