@font-face {
  font-family: "IBM Plex Sans Thai Looped";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/IBMPlexSansThaiLooped-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "IBM Plex Sans Thai Looped";
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
  src: url("../assets/fonts/IBMPlexSansThaiLooped-SemiBold.ttf") format("truetype");
}

:root {
  color-scheme: light;
  --phasan-ivory: #FAF8F3;
  --phasan-sand: #F1E9DC;
  --phasan-sandstone: #D7C6B1;
  --phasan-taupe: #9C8977;
  --phasan-cocoa: #6B4E3D;
  --phasan-espresso: #2E1F14;
  --phasan-ink: #20150C;
  --phasan-bronze: #B07D4F;
  --phasan-white: #FFFFFF;
  --phasan-success: #476552;
  --phasan-warning: #8A5B25;
  --font-sans: "IBM Plex Sans Thai Looped", "IBM Plex Sans Thai", "Noto Sans Thai", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --shadow-low: 0 1px 2px rgb(46 31 20 / 0.06), 0 8px 28px rgb(46 31 20 / 0.05);
}