/*
 * Certificate Studio local font bundle.
 * The font binaries live in ./fonts so the editor and public query pages do
 * not need Google Fonts, jsDelivr, or another third-party font request.
 */
@font-face {
  font-family: 'Certificate Sans SC';
  src: url('/editor/fonts/noto-sans-sc-regular.otf') format('opentype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Certificate Sans SC';
  src: url('/editor/fonts/noto-sans-sc-bold.otf') format('opentype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Certificate Serif SC';
  src: url('/editor/fonts/noto-serif-sc-regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Certificate Symbols';
  src: url('/editor/fonts/material-symbols-outlined.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
}

:root {
  --certificate-font-sans: 'Certificate Sans SC', 'Noto Sans SC', 'PingFang SC',
    'Microsoft YaHei', system-ui, -apple-system, sans-serif;
  --certificate-font-serif: 'Certificate Serif SC', 'Songti SC', 'SimSun',
    'Noto Serif SC', serif;
}

body,
button,
input,
textarea,
select {
  font-family: var(--certificate-font-sans);
}

.material-symbols-outlined {
  font-family: 'Certificate Symbols' !important;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: 'liga';
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  speak: never;
}