/* GradVPN · «Небесная крепость» · токены дизайн-системы (v1, 06.10.2026)
   Источник: доска «Дизайн-система и handoff для Claude Code».
   Подключать на всех страницах ПЕРВЫМ, до motion.css и site.css.

   Адаптация к доске: шрифты лежат на нашем сервере (/fonts), а не в Google Fonts.
   Причина: сайт должен открываться в России без VPN, а Google из РФ может тормозить;
   плюс так мы не передаём адреса посетителей третьей стороне (см. /privacy.html). */

@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/onest-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/onest-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/onest-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}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 700;font-display:swap;
  src:url(/fonts/unbounded-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 700;font-display:swap;
  src:url(/fonts/unbounded-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 700;font-display:swap;
  src:url(/fonts/unbounded-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{
  /* --- цвета с доски --- */
  --gv-blue-600:#1E5BE6;   /* primary: кнопки, щит, акценты */
  --gv-blue-700:#1749BF;   /* hover, текст ссылок */
  --gv-blue-400:#5B95F5;   /* декор, линии на тёмном */
  --gv-blue-300:#A9C8F8;   /* бордер secondary, орбита */
  --gv-blue-200:#CFE1FD;   /* тонкие бордеры, поля ввода */
  --gv-blue-100:#E6F0FE;   /* фон иконок и бейджей */
  --gv-sky:#E4F0FE;        /* фон hero и CTA */
  --gv-bg:#F5F9FF;         /* фон страниц */
  --gv-surface:#FFFFFF;    /* карточки («броня») */
  --gv-line:#E1EAF7;
  --gv-navy-800:#0B2A6B;   /* тёмные секции, бейджи */
  --gv-navy-900:#071A45;   /* футер, код */
  --gv-ink:#0B1B3F;        /* заголовки */
  --gv-text:#3A4A6B;       /* основной текст */
  --gv-muted:#5B6B8C;      /* подписи */
  --gv-online:#10B981;     /* ТОЛЬКО точка статуса, не текст */

  /* --- производные, которые на доске стоят «по месту» (вынесены в токены) --- */
  --gv-arch-bg:#D9ECFE;    /* фон окна-арки с маскотом */
  --gv-navy-700:#12357F;   /* карточки на тёмно-синем */
  --gv-navy-line:#23479A;  /* бордеры на тёмно-синем */
  --gv-on-navy:#C9D8F5;    /* текст на тёмно-синем */
  --gv-on-navy-2:#8FA6D3;  /* подписи на тёмно-синем */
  --gv-eyebrow-navy:#8DB4F7;

  /* --- адаптация: состояний ошибки и предупреждения на доске нет, кроме поля ввода --- */
  --gv-error:#C2410C;      /* бордер поля с ошибкой (с доски) */
  --gv-error-text:#9A3412; /* текст ошибки (с доски) */
  --gv-error-bg:#FFF3EE;
  --gv-warn-bg:#FFF4E5;    /* плашка-предупреждение (доска /install, iOS) */
  --gv-warn-line:#F7D9B0;
  --gv-warn-text:#7A3E00;

  /* --- форма --- */
  --gv-r-sm:12px; --gv-r-md:16px; --gv-r-lg:24px; --gv-r-xl:32px;
  --gv-shadow-sm:0 16px 30px -18px rgba(11,42,107,.4);
  --gv-shadow-card:0 24px 48px -24px rgba(11,42,107,.35);
  --gv-shadow-btn:0 12px 28px -10px rgba(30,91,230,.55);
  --gv-shadow-float:0 18px 40px -18px rgba(11,42,107,.45);
  --gv-ease:cubic-bezier(.2,.7,.2,1);

  /* --- шрифты --- */
  --gv-font-display:'Unbounded',system-ui,sans-serif;
  --gv-font-body:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --gv-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* --- сетка --- */
  --gv-container:1240px;
  --gv-gutter:24px;
}
@media (max-width:640px){:root{--gv-gutter:16px}}