/*
 * Modus Icons font faces for the Progeny landing-page UI.
 *
 * Modus Web Components render icons via the Modus Icons icon font:
 * the components themselves do not ship the font files, only the
 * markup that references them by `font-family`. Without this CSS, any
 * Modus component that uses an icon (e.g. the table column-header
 * sort indicators, modus-wc-icon, the X button on a modal) renders
 * the raw glyph name as text - "sort_alpha_down" overlaying the
 * "Created" header is the most visible symptom on the apps page.
 *
 * The blueprint pattern (matches modus-blueprint and the Modus dev
 * team's recommended setup, ~/.cursor/skills/modus-wc-icons-setup)
 * is to declare the @font-face entries against the woff2 files
 * served from jsDelivr's @trimble-oss/modus-icons CDN, pinned to the
 * `@1` major. Version-bumping is a one-line change here when the
 * design system upgrades.
 *
 * Loaded from `demo/index.html` via a single <link rel="stylesheet">
 * plus two <link rel="preload"> hints for the woff2 files so first
 * paint avoids the font-swap flicker.
 */

@font-face {
  font-family: 'modus-icons';
  src: url('https://cdn.jsdelivr.net/npm/@trimble-oss/modus-icons@1/dist/modus-outlined/fonts/modus-icons.woff2')
    format('woff2');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'modus-icons-outlined';
  src: url('https://cdn.jsdelivr.net/npm/@trimble-oss/modus-icons@1/dist/modus-outlined/fonts/modus-icons.woff2')
    format('woff2');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'modus-icons-solid';
  src: url('https://cdn.jsdelivr.net/npm/@trimble-oss/modus-icons@1/dist/modus-solid/fonts/modus-icons.woff2')
    format('woff2');
  font-style: normal;
  font-weight: normal;
}

.modus-icons-outlined {
  font-family: 'modus-icons-outlined';
  font-style: normal;
  font-weight: normal;
}

.modus-icons-solid {
  font-family: 'modus-icons-solid';
  font-style: normal;
  font-weight: normal;
}

.modus-icons {
  font-family: 'modus-icons';
  font-style: normal;
  font-weight: normal;
}