@import url('https://fonts.googleapis.com/css2?family=Trirong:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
  /*
  --color-primary: #9ecfef;
  --color-primary-contrast: #4a5b60;
  */
  --color-primary: #0277bd;
  --color-primary-contrast: #FFF;
  --color-secondary: #c3a765;
  --color-secondary-contrast: #FFF;
  --color-tertiary: #fccf2e;
  --color-tertiary-contrast: #FFF;
  --color-grey: #97989A;
  --font-family: "Trirong", "FCVision", sans-serif;
  --font-size: 14px;
  --color-green: #3A5C34;
  --color-base: #9ecfef;
  --color-primary-base: #0277bd;
  --color-green-base: #A6CE39;
  --color-red-base: #DF1C41;
  --color-main-900: #0A0D14;
  --color-sub-500: #525866;
  --color-weak-100: #F6F8FA;
  --color-soft-200: #E2E4E9;
  --color-soft-400: #868C98;
  --color-success: #A6CE39;
  --color-orange-base: #F57C00;   /* ส้มสด */
  --color-orange-light: #FF9800; /* ส้มอ่อน */
  --color-orange-dark: #E65100;  /* ส้มเข้ม */
  --color-website-title-th: var(--color-green);
  --color-website-title-en: #D29F13;

  --custom-background: linear-gradient(90deg,
          #9fd8f5 0%,
          #d6effa 35%,
          #fdf6d8 65%,
          #f7d65a 100%) !important;
  --custom-background-contrast: #0277bd !important;
}

/*
PTT Light Blue #00AEEF
PTT Mid Blue #0080B7
*/