/* ============================================================
   Cargo Ceylona — self-hosted Google Material Symbols (Outlined)
   Bundled (not CDN) so the offline Electron admin app renders icons
   with no network. Lives in public/fonts/ and is <link>ed from both
   index.html and admin.html with a RELATIVE href, so it resolves under
   both the web build (base '/') and the admin build (base './', file://).
   The woff2 src is relative to THIS file, i.e. sits beside it.
   ============================================================ */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url('material-symbols-outlined.woff2') format('woff2');
}

/* Glyph helper applied by the Icon component (<span class="material-symbols-outlined">). */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  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-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Filled variant (e.g. testimonial stars) — Icon adds this when fill is set. */
.material-symbols-outlined.is-filled {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* ============================================================
   Soria — display serif for headings/buttons (self-hosted).
   src relative to THIS file, so it resolves under base '/' and './'.
   ============================================================ */
@font-face {
  font-family: 'Soria';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('soria.ttf') format('truetype');
}

/* ============================================================
   Neuton — body serif for the PUBLIC website (self-hosted).
   Applied via body.cc-public { --body: 'Neuton' } in index.css; the
   admin build never references it. Only 400 + 700 ship (no italics are
   used anywhere); 500/600 requests round to the nearest Neuton weight.
   ============================================================ */
@font-face {
  font-family: 'Neuton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('neuton-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Neuton';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('neuton-700.ttf') format('truetype');
}
