@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
    letter-spacing: 1px;
}

/* variables */
:root {
  /* font-size (fs) */
  --fs-caption: 10px;
  --fs-subtext: 12px;
  --fs-bodytext: 14px;
  --fs-mobile-bodytext: 16px;
  --fs-subtitle: 20px;
  --fs-icon: 24px;
  --fs-title: 32px;
  --fs-displaytext: 60px;
  /* color (co) */
  --co-primary: #000000;
  --co-secondary: #FFFFFF;
  --co-tertiary: #1589FF;
  --co-accent: #98AFC7;
  --co-border: #EBF4FA;
  --co-neutral: #D1D0CE;
  --co-milkwhite: #FEFCFF;
  --co-gray: #736F6E;
  /* border-radius (rad) */
  --rad-xs: 4px;
  --rad-sm: 8px;
  --rad-md: 12px;
  --rad-lg: 16px;
  --rad-full: 9999px;
}