/* =========================================================
   BASE
   Базовые переменные и общие стили
   ========================================================= */

:root {
  --bg: #f4f5f6;
  --surface: #ffffff;
  --surface-2: #eeeeef;
  --text: #171717;
  --muted: #777b80;
  --line: #d7d9dc;

  --accent: #69c72f;
  --accent-dark: #48a918;
  --danger: #ef5b16;

  --shadow: 0 2px 7px rgba(0, 0, 0, .18);
  --radius: 7px;
}


/* =========================================================
   RESET
   ========================================================= */

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;

  background: var(--bg);
  color: var(--text);

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.35;

  transition:
    background .2s ease,
    color .2s ease;
}


/* =========================================================
   COMMON
   ========================================================= */

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button {
  font: inherit;
}

code {
  font-family: Consolas, monospace;
}