:root {
  --bg: rgba(237, 242, 249, 1);
  --primary-yellow: rgba(239, 154, 0, 1);
  --primary-green: rgba(0, 107, 53, 1);
  --primary-light-green: rgba(236, 255, 207, 1);
  --primarydark-green: rgba(2, 55, 28, 1);
  --bwblack-100: rgba(15, 23, 42, 1);
  --bwblack-80: rgba(61, 68, 83, 1);
  --bwblack-60: rgba(100, 116, 139, 1);
  --bwblack-38: rgba(169, 182, 198, 1);
  --bwblack-20: rgba(203, 213, 225, 1);
  --bwblack-15: rgba(222, 229, 240, 1);
  --bwblack-10: rgba(246, 246, 246, 1);
  --bwwhite-100: rgba(255, 255, 255, 1);
  --stategreen: rgba(111, 187, 74, 1);
  --stateorange: rgba(246, 163, 2, 1);
  --statered: rgba(255, 91, 91, 1);
  --etclink: rgba(0, 102, 204, 1);
  --blackblack-38: rgba(169, 182, 198, 1);
  --blackblack-100: rgba(15, 23, 42, 1);
  --uiblack: rgba(43, 53, 73, 1);
  --neutral-1: rgba(255, 255, 255, 1);
  --neutral-5: rgba(217, 217, 217, 1);
  --daybreak-blue-6: rgba(24, 144, 255, 1);
  --neutral-3: rgba(245, 245, 245, 1);
  --character-primary-85: rgba(0, 0, 0, 0.85);
  --hitbox: rgba(255, 255, 255, 0);
  --button-semibold-16lauto-font-family: "Kanit", "Nunito", serif;
  --button-semibold-16lauto-font-weight: 600;
  --button-semibold-16lauto-font-size: 16px;
  --button-semibold-16lauto-letter-spacing: 0px;
  --button-semibold-16lauto-line-height: normal;
  --button-semibold-16lauto-font-style: normal;
  --body-14-regular-font-family: "Kanit", "Roboto", Helvetica;
  --body-14-regular-font-weight: 400;
  --body-14-regular-font-size: 14px;
  --body-14-regular-letter-spacing: 0px;
  --body-14-regular-line-height: 22px;
  --body-14-regular-font-style: normal;
  --button-primary-green: #006B35;
  --label-font-family: "Kanit", "Nunito", serif;
  --bs-font-sans-serif: "Kanit", "Nunito", serif;
  --raot-font-sans-serif: "Kanit", "Nunito", serif;
  --raot-btn-font-serif: "Prompt", "Nunito", serif;
}