/*
 * Tipografia oficial do CrieFy.
 *
 * O arquivo variável licenciado deve existir em:
 *   /fonts/agrandir/Agrandir-Variable.woff2
 *
 * Um único arquivo variável cobre toda a escala de pesos e evita diferenças
 * entre Windows, macOS, Linux e a VPS.
 */
@font-face {
  font-family: "Agrandir";
  src:
    local("Agrandir Variable"),
    local("Agrandir"),
    url("/fonts/agrandir/Agrandir-Variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --criefy-font: "Agrandir", "Public Sans", "Segoe UI", sans-serif;
  --criefy-weight-body: 400;
  --criefy-weight-ui: 500;
  --criefy-weight-action: 600;
  --criefy-weight-heading: 700;
  --criefy-weight-brand: 800;
}

html,
body,
button,
input,
textarea,
select,
option,
label,
table,
dialog,
[role="button"],
[role="dialog"],
[role="menu"],
[role="menuitem"] {
  font-family: var(--criefy-font) !important;
}

body,
input,
textarea,
select,
option,
p,
li,
td,
th {
  font-weight: var(--criefy-weight-body);
}

nav,
label,
.zside-item,
.sidebar-link,
.modal-tab,
.tab,
.badge,
.chip,
[role="tab"] {
  font-weight: var(--criefy-weight-ui);
}

button,
.btn,
.btn-primary,
.btn-secondary,
[role="button"] {
  font-weight: var(--criefy-weight-action);
}

h3,
h4,
h5,
h6,
strong,
b {
  font-weight: var(--criefy-weight-action);
}

h1,
h2,
.page-title,
.section-title {
  font-family: var(--criefy-font) !important;
  font-weight: var(--criefy-weight-heading) !important;
  font-style: normal !important;
}

.zside-wordmark,
.criefy-wordmark,
.brand-name,
.logo-text {
  font-family: var(--criefy-font) !important;
  font-weight: var(--criefy-weight-brand) !important;
  font-style: normal !important;
}

code,
pre,
kbd,
samp,
.font-mono,
.monaco-editor,
.monaco-editor *,
.xterm,
.xterm * {
  font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace !important;
}