/* Noto Sans Font Family Definitions */

/* Noto Sans Regular */
@font-face {
  font-family: 'Noto Sans';
  src: url('/fonts/Noto%20Sans/NotoSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Noto Sans Medium */
@font-face {
  font-family: 'Noto Sans';
  src: url('/fonts/Noto%20Sans/NotoSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Noto Sans SemiBold */
@font-face {
  font-family: 'Noto Sans';
  src: url('/fonts/Noto%20Sans/NotoSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Noto Sans Bold */
@font-face {
  font-family: 'Noto Sans';
  src: url('/fonts/Noto%20Sans/NotoSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Noto Sans Variable Font (for better performance) */
@font-face {
  font-family: 'Noto Sans Variable';
  src: url('/fonts/Noto%20Sans/NotoSans-VariableFont_wdth,wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-stretch: 62.5% 100%;
  font-style: normal;
  font-display: swap;
}

/* Noto Sans Light for subtle text */
@font-face {
  font-family: 'Noto Sans';
  src: url('/fonts/Noto%20Sans/NotoSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Noto Sans ExtraLight for very subtle text */
@font-face {
  font-family: 'Noto Sans';
  src: url('/fonts/Noto%20Sans/NotoSans-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* CSS Custom Properties for easier usage */
:root {
  --font-noto-sans: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-noto-sans-variable: 'Noto Sans Variable', 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Utility classes for easy use */
.font-noto-sans {
  font-family: var(--font-noto-sans);
}

.font-noto-sans-variable {
  font-family: var(--font-noto-sans-variable);
  font-variation-settings: 'wght' 400;
}

/* Specific weight utilities */
.font-noto-light {
  font-family: var(--font-noto-sans);
  font-weight: 300;
}

.font-noto-regular {
  font-family: var(--font-noto-sans);
  font-weight: 400;
}

.font-noto-medium {
  font-family: var(--font-noto-sans);
  font-weight: 500;
}

.font-noto-semibold {
  font-family: var(--font-noto-sans);
  font-weight: 600;
}

.font-noto-bold {
  font-family: var(--font-noto-sans);
  font-weight: 700;
}