/* ariTypographyReadabilityV2
   Единая типографическая основа АРИ. */

@font-face {
  font-family: "Inter";
  src:
    url("/public/fonts/InterVariable.woff2?v=ariTypographyReadabilityV2")
    format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --ari-font-sans:
    "Inter",
    "Segoe UI Variable",
    "Segoe UI",
    Arial,
    sans-serif;

  --ari-text-primary: var(--ari-color-text-primary);
  --ari-text-secondary: var(--ari-color-text-secondary);
  --ari-text-muted: var(--ari-color-text-muted);
  --ari-text-disabled: var(--ari-color-application-typography-text-disabled);

  --ari-font-body: 14px;
  --ari-font-table: 13px;
  --ari-font-control: 14px;
  --ari-font-label: 12.5px;
  --ari-font-caption: 12px;

  --ari-line-body: 1.48;
  --ari-line-compact: 1.38;

  font-family: var(--ari-font-sans);
}

html {
  font-family: var(--ari-font-sans);
  font-size: 16px;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  color: var(--ari-text-primary);
  font-family: var(--ari-font-sans);
  font-size: var(--ari-font-body);
  line-height: var(--ari-line-body);
  letter-spacing: 0;
  font-weight: 400;
  font-optical-sizing: auto;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button,
input,
select,
textarea,
table:not(.ari-table) {
  font-family: inherit;
  font-optical-sizing: auto;
  letter-spacing: 0;
}

button,
input,
select,
textarea {
  font-size: var(--ari-font-control);
  line-height: var(--ari-line-compact);
}

label {
  color: var(--ari-text-secondary);
  font-size: var(--ari-font-label);
  font-weight: 500;
  line-height: 1.35;
}

table:not(.ari-table),
th,
td {
  font-variant-numeric: tabular-nums;
}

th,
td {
  line-height: 1.4;
}

small {
  font-size: var(--ari-font-caption);
  line-height: 1.4;
}

::placeholder {
  color: var(--ari-text-muted);
  opacity: 1;
}