/*
  Local fonts stylesheet. Place the following font files in this folder (src/assets/fonts):

  - MaterialIcons-Regular.woff2                (Material Icons webfont)
  - MaterialSymbolsOutlined-Extended.woff2     (Material Symbols Outlined)
  - NotoSans-Regular.woff2                     (Noto Sans regular)
  - NotoSans-Bold.woff2                        (Noto Sans bold)
  - NotoSans-Italic.woff2                      (Noto Sans italic)
  - NotoSans-BoldItalic.woff2                  (Noto Sans bold italic)

  Sources / notes:
  - Material Icons: https://fonts.google.com/icons (download via Google Fonts or from material.io resources)
  - Material Symbols: https://fonts.google.com/icons?selected=Material+Symbols+Outlined
  - Noto Sans: https://fonts.google.com/specimen/Noto+Sans

  After placing the woff2 files here, the app will load fonts locally from /assets/fonts.
*/

/* Material Icons */
@font-face {
  font-family: 'Material Icons';
  src: url('MaterialIcons-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Material Symbols Outlined */
@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('MaterialSymbolsOutlined-Extended.woff2') format('woff2');
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

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

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

/* Noto Sans - Italic */
@font-face {
  font-family: 'Noto Sans';
  src: url('NotoSans-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Noto Sans - Bold Italic */
@font-face {
  font-family: 'Noto Sans';
  src: url('NotoSans-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Basic fallbacks and usage */
html, body {
  font-family: 'Noto Sans', Arial, sans-serif;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'liga';
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}