@import url('./fonts.css');
/* Shared by the application, maintained prototype and documentation shells. */
:root {
  --font-display: 'Cinzel', Georgia, serif;
  --font-body: 'Alegreya Sans', system-ui, sans-serif;
  --weight-display: 700;
  --weight-heading: 600;
  --weight-body: 400;
  --weight-label: 500;
  --weight-action: 700;
  font-family: var(--font-body);
  font-weight: var(--weight-body);
  font-synthesis: none;
}
body { font-family: var(--font-body); font-weight: var(--weight-body); }
h1 { font-family: var(--font-display); font-weight: var(--weight-display); }
h2,h3,h4,h5,h6 { font-family: var(--font-display); font-weight: var(--weight-heading); }
button,select,input,textarea { font-family: var(--font-body); }
button,[role=button],strong,b { font-weight: var(--weight-action); }
input,select,textarea { font-weight: var(--weight-body); }
label,legend { font-weight: var(--weight-label); }
em,i { font-style: normal; font-weight: var(--weight-action); }
code,pre,kbd,samp { font-family: ui-monospace,monospace; }
.type-display { font-family: var(--font-display); font-weight: var(--weight-display); }
.type-heading { font-family: var(--font-display); font-weight: var(--weight-heading); }
.type-label { font-family: var(--font-body); font-weight: var(--weight-label); }
.type-value { font-family: var(--font-body); font-weight: var(--weight-action); font-variant-numeric: tabular-nums; }