/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75,300..800;1,75,300..800&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4');
@theme {
    --font-primary: 'Open Sans', sans-serif;
}
@theme {
    --font-secondary: 'Open Sans', sans-serif;
}
@utility wdth-*{
    font-variation-settings: 'wdth' var(--tw-wdth);
}
@theme {
    --color-primary-dark: rgb(38, 38, 38);
}

/* @theme {
    --font-variation-settings: 'opsz' 75;
} */

.open-sans-wdth-75 {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  /* font-weight: 400; */
  /* font-style: normal; */
  font-variation-settings:
    "wdth" 75;
}

.active {
  font-weight: 100;
}