/* 1. Import Work Sans from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800&display=swap');

@font-face {
  font-family: 'LogotypeRegular';
  src: url('../fonts/Logotype-Regular.woff2') format('woff2'),
       url('../fonts/Logotype-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.logo-font {
  font-family: 'LogotypeRegular';
  letter-spacing: 3px;
}


/* 2. Apply base font */
body {
  font-family: 'Work Sans', sans-serif;
}

/* 3. Font weight utility classes */
.font-thin    { font-weight: 100; }
.font-light   { font-weight: 300; }
.font-normal  { font-weight: 400; }
.font-medium  { font-weight: 500; }
.font-semibold{ font-weight: 600; }
.font-bold    { font-weight: 700; }
.font-extrabold { font-weight: 800; }

/* Optional font size utility classes */
.text-xs  { font-size: 0.75rem; }
.text-sm  { font-size: 0.875rem; }
.text-base{ font-size: 1rem; }
.text-lg  { font-size: 1.125rem; }
.text-xl  { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.text-3xl { font-size: 1.875rem; }
.text-4xl { font-size: 2.25rem; }