@font-face {
    font-family: "CooperCyr";
    src: url("/assets/fonts/CooperCyr-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "CooperCyr";
    src: url("/assets/fonts/CooperCyr-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-main: "CooperCyr", Arial, Helvetica, sans-serif;
}
:root {
  --bg: #efefec;
  --paper: #f7f7f3;
  --ink: #11110f;
  --muted: #6f6f68;
  --line: rgba(17,17,15,.18);
  --dark: #10100f;
  --dark-2: #191917;
  --light: #f4f4ef;
  --accent: #d8ff44;
  --header-h: 88px;
  --gutter: 38px;
  --ease: cubic-bezier(.22,.61,.36,1);
  --max: 1800px;
}
@media (max-width: 800px) {
  :root { --gutter: 20px; --header-h: 72px; }
}