/*
 * TWK Everett typography system
 *
 * Every supplied upright and italic face is registered locally. Existing
 * interface weights keep their semantic meaning while selecting the nearest
 * real Everett cut instead of a browser-synthesised weight.
 */

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-Hairline.woff2") format("woff2");
  font-style: normal;
  font-weight: 100;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-HairlineItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 100;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-Thin.woff2") format("woff2");
  font-style: normal;
  font-weight: 200;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-ThinItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 200;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-Ultralight.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-UltralightItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 300;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 350;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-LightItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 350;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-MediumItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 500;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-BoldItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-Extrabold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-ExtraboldItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 800;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-BlackItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 900;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-Super.woff2") format("woff2");
  font-style: normal;
  font-weight: 1000;
  font-display: block;
}

@font-face {
  font-family: "TWK Everett Local";
  src: url("./assets/fonts/twk-everett/TWKEverett-SuperItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 1000;
  font-display: block;
}

:root {
  --twk-everett-page: "TWK Everett Local", "Helvetica Neue", Arial, sans-serif;
  --font: var(--twk-everett-page) !important;
  --font-copy: var(--twk-everett-page) !important;
  --font-heading: var(--twk-everett-page) !important;
  --font-numeric: var(--twk-everett-page) !important;
  --font-sans: var(--twk-everett-page) !important;
  --font-ui: var(--twk-everett-page) !important;
  --font-body: var(--twk-everett-page) !important;
  --font-display: var(--twk-everett-page) !important;
  --font-family-sans: var(--twk-everett-page) !important;
  --font-mono: var(--twk-everett-page) !important;
  --font-data: var(--twk-everett-page) !important;
  --font-family-mono: var(--twk-everett-page) !important;
  --parallel-interface-font: var(--twk-everett-page) !important;
  --parallel-text-font: var(--twk-everett-page) !important;
  --parallel-ui-font: var(--twk-everett-page) !important;
  --parallel-number-font: var(--twk-everett-page) !important;
  --parallel-font-ui: var(--twk-everett-page) !important;
  --parallel-font-mono: var(--twk-everett-page) !important;
  --parallel-font-data: var(--twk-everett-page) !important;
  --geist-mono-page: var(--twk-everett-page) !important;
}

html,
body,
button,
input,
select,
textarea,
.app-shell,
.app-shell :where(
  h1, h2, h3, h4, h5, h6, p, a, label, small, strong, b, em,
  button, input, select, textarea, th, td, div, span
):not([class^="ri-"]):not([class*=" ri-"]):not(.remixicon):not(.icon-font):not(.numeric-magnitude) {
  font-family: var(--twk-everett-page) !important;
  font-synthesis: none !important;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

::placeholder {
  font-family: var(--twk-everett-page) !important;
  font-weight: 350;
}

:is(
  .mono,
  .numeric,
  .number,
  [data-number],
  [data-numeric],
  .metric-value,
  .stat-value,
  .token-price,
  .token-stat-value,
  .market-value,
  .market-cap-value,
  .wallet-balance,
  .status-value,
  .amount,
  .price,
  .pnl-value,
  .tx-count
) {
  font-family: var(--twk-everett-page) !important;
  font-variant-numeric: tabular-nums slashed-zero;
}

[class^="ri-"],
[class*=" ri-"],
.remixicon,
.icon-font {
  font-family: "Parallel Remix Icons" !important;
}