@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/static/fonts/rubik-hebrew.woff2") format("woff2");
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/static/fonts/rubik-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

:root {
  --font-family-base: "Rubik", sans-serif;
  --font-size-small: 13px;
  --line-height-small: 20px;
  --font-size-label: 14px;
  --line-height-label: 20px;
  --font-size-body: 15px;
  --line-height-body: 23px;
  --font-size-h3: 18px;
  --line-height-h3: 26px;
  --font-size-brand: 20px;
  --line-height-brand: 26px;
  --font-size-h2: 21px;
  --line-height-h2: 29px;
  --font-size-h1: 26px;
  --line-height-h1: 34px;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-small: 8px;
  --radius-control: 12px;
  --radius-card: 16px;
  --radius-pill: 999px;
  --control-min-height: 44px;
  --control-comfortable-height: 52px;
  --content-reading-max: 68ch;
  --content-form-max: 560px;
  --content-page-max: 1200px;
  --page-gutter: var(--space-4);
  --section-gap: var(--space-7);
  --motion-fast: 120ms;
  --motion-standard: 180ms;
  --motion-slow: 280ms;
  --motion-ease: cubic-bezier(.2, 0, 0, 1);
}

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

@media (min-width: 768px) {
  :root {
    --line-height-body: 24px;
    --font-size-h2: 24px;
    --line-height-h2: 32px;
    --font-size-h1: 32px;
    --line-height-h1: 40px;
    --page-gutter: var(--space-6);
  }
}