:root {
  --font-anuphan: "Anuphan", system-ui, sans-serif;
  --font-rockstar: "Rock Salt", cursive;
}

@font-face {
  font-family: "Anuphan";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/fonts/anuphan/300-thai-0.woff2") format("woff2");
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
  font-family: "Anuphan";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/fonts/anuphan/300-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Anuphan";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/anuphan/400-thai-0.woff2") format("woff2");
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
  font-family: "Anuphan";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/anuphan/400-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Anuphan";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/anuphan/500-thai-0.woff2") format("woff2");
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
  font-family: "Anuphan";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/anuphan/500-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Anuphan";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/anuphan/600-thai-0.woff2") format("woff2");
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
  font-family: "Anuphan";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/anuphan/600-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Anuphan";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/anuphan/700-thai-0.woff2") format("woff2");
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
  font-family: "Anuphan";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/anuphan/700-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Rock Salt";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/rock-salt/400-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --bg: oklch(0.974 0.017 99.6);
  --surface: oklch(0.993 0.006 99.6);
  --surface-warm: oklch(0.938 0.030 91);
  --ink: oklch(0.178 0.035 42);
  --muted: oklch(0.405 0.030 54);
  --red: oklch(0.573 0.216 28.9);
  --red-dark: oklch(0.405 0.175 29);
  --butter: oklch(0.885 0.116 88);
  --herb: oklch(0.435 0.095 142);
  --cacao: oklch(0.245 0.055 42);
  --text-1-xs: clamp(1.01rem, calc(-0.09vw + 1.14rem), 1.11rem);
  --text-1-s: clamp(1.33rem, calc(0.02vw + 1.33rem), 1.35rem);
  --text-1-m: clamp(1.6rem, calc(0.19vw + 1.54rem), 1.8rem);
  --text-1-l: clamp(1.92rem, calc(0.44vw + 1.78rem), 2.4rem);
  --text-1-xl: clamp(2.3rem, calc(0.83vw + 2.04rem), 3.2rem);
  --text-1-2xl: clamp(2.76rem, calc(1.39vw + 2.32rem), 4.26rem);
  --text-1-3xl: clamp(3.32rem, calc(2.19vw + 2.62rem), 5.68rem);
  --text-1-4xl: clamp(3.98rem, calc(3.33vw + 2.92rem), 7.58rem);
  --text-1-5xl: clamp(4.78rem, calc(4.93vw + 3.2rem), 10.1rem);
  --space-1-3xs: clamp(0.05rem, calc(0.02vw + 0.04rem), 0.08rem);
  --space-1-2xs: clamp(0.08rem, calc(0.04vw + 0.07rem), 0.12rem);
  --space-1-xs: clamp(0.12rem, calc(0.05vw + 0.1rem), 0.18rem);
  --space-1-s: clamp(0.18rem, calc(0.08vw + 0.15rem), 0.27rem);
  --space-1-m: clamp(0.27rem, calc(0.12vw + 0.23rem), 0.4rem);
  --space-1-l: clamp(0.4rem, calc(0.19vw + 0.34rem), 0.6rem);
  --space-1-xl: clamp(0.6rem, calc(0.28vw + 0.51rem), 0.9rem);
  --space-1-2xl: clamp(0.9rem, calc(0.42vw + 0.77rem), 1.35rem);
  --space-1-3xl: clamp(1.35rem, calc(0.63vw + 1.15rem), 2.02rem);
  --space-1-4xl: clamp(2.02rem, calc(0.94vw + 1.73rem), 3.04rem);
  --space-1-5xl: clamp(3.04rem, calc(1.41vw + 2.59rem), 4.56rem);
}