/* TripWeave prototype: biến thiết kế dùng chung (màu, chữ, bo góc, khoảng cách). */
:root {
  /* Nền và chữ */
  --deep: #1B1F1D;
  --deep-soft: #525A55;
  --paper: #F1ECE2;
  --paper-2: #E3D7C1;
  --white: #FFFFFF;
  --line: #CFC4AF;
  --line-strong: #B8AB94;

  /* Màu cát */
  --sand: #E3D7C1;
  --sand-2: #D2602E;
  --sand-btn: #244A40;
  --sand-btn-h: #173B32;
  --sand-soft: #E8DDCA;

  /* Lớp kính */
  --glass: #FFFDFA;
  --glass-strong: #FFFDFA;
  --glass-tray: #E3D7C1;

  /* Trạng thái: luôn đi kèm chữ hoặc biểu tượng */
  --ok: #14594C;
  --ok-bg: #DFF2EC;
  --warn: #7A4E0E;
  --warn-bg: #FFF1D6;
  --err: #9B2C1C;
  --err-bg: #FDE7E2;
  --info: #1C4F7C;
  --info-bg: #E2EFFA;

  /* Màu sợi của thành viên */
  --m-n: #B94F29;
  --m-m: #244A40;
  --m-v: #66557B;
  --m-o: #A15B65;

  /* Kích thước */
  --g: clamp(16px, 4vw, 56px);
  --max: 1240px;
  --r-frame: 28px;
  --r-card: 18px;
  --r-in: 12px;
  --shadow-card: 0 18px 32px -26px rgba(6, 40, 54, .55);
  --shadow-float: 0 22px 44px -22px rgba(6, 40, 54, .55);

  --body: "Instrument Sans", system-ui, sans-serif;
}