[TASK] Update Font Weight Usage in Typography CSS

[monaiuu]

Description

The current typography CSS includes multiple font weights that are inconsistent with the Figma design system, resulting in discrepancies between design and deployed views.

Proposed Updates:

• Replace Black (900) with Bold (700).
• Replace Bold (700) with Medium (500).
• Replace Medium (500) with Regular (400).

This update aims to eliminate overly heavy text weights that cause unbalanced displays in the dApp, improving readability and creating a more polished and cohesive look.

Current CSS Code:

/* Font Family Satoshi */
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}