/* ОБОРОН-ИТ — дизайн-токены в каноне экосистемы vyshka.cloud
   Светлый дефолт, фон #f4f7fb, Onest/Unbounded, cyan→violet градиенты. */

:root {
  /* Фоны (светлый дефолт витрин vyshka) */
  --bg-page: #f4f7fb;
  --bg-card: #ffffff;
  --bg-elev: #ffffff;
  --bg-dark: #0b0d14;      /* футер/тёмные блоки — deep navy канона */
  --bg-dark-2: #10131d;
  --bg-inset: #eef2f8;

  /* Текст */
  --text-1: #10131d;
  --text-2: #3d4557;
  --text-3: #6b7284;
  --text-inverse: #f4f7fb;
  --text-inverse-2: #a7b0c2;

  /* Акценты экосистемы */
  --accent-cyan: #00c2e0;
  --accent-blue: #2f6bff;
  --accent-violet: #8b5cff;
  --accent-magenta: #c724ff;
  --grad-accent: linear-gradient(100deg, #00c2e0 0%, #2f6bff 45%, #8b5cff 100%);
  --grad-accent-soft: linear-gradient(100deg, rgba(0,194,224,.12) 0%, rgba(47,107,255,.10) 45%, rgba(139,92,255,.12) 100%);
  --glow-cyan: rgba(0,194,224,.35);
  --glow-violet: rgba(139,92,255,.35);

  /* Статусы */
  --ok: #17b26a;
  --warn: #f79009;
  --danger: #f04438;

  /* Границы и тени (лёгкое стекло, без сильного glassmorphism) */
  --border-1: rgba(16,19,29,.08);
  --border-2: rgba(16,19,29,.12);
  --border-inverse: rgba(255,255,255,.10);
  --shadow-1: 0 1px 2px rgba(16,19,29,.05), 0 4px 16px rgba(16,19,29,.06);
  --shadow-2: 0 2px 6px rgba(16,19,29,.06), 0 12px 32px rgba(16,19,29,.10);
  --shadow-glow: 0 8px 28px rgba(47,107,255,.22);

  /* Радиусы канона 8–24 */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-2xl: 24px;

  /* Шрифты витрин vyshka */
  --font-body: "Onest", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Unbounded", "Onest", -apple-system, sans-serif;

  /* Типографика */
  --fs-display: clamp(30px, 4.6vw, 52px);
  --fs-h1: clamp(26px, 3.6vw, 40px);
  --fs-h2: clamp(22px, 2.8vw, 30px);
  --fs-h3: clamp(18px, 2vw, 22px);
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-caption: 12px;

  /* Отступы: 4/8/12/16/20/24/32/40/48 */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-7: 32px; --sp-8: 40px; --sp-9: 48px; --sp-10: 72px; --sp-11: 96px;

  /* Сетка */
  --container: 1200px;

  /* Моушн */
  --dur-1: .18s; --dur-2: .3s; --dur-3: .45s;
  --ease-out: cubic-bezier(.22,.61,.36,1);

  /* z-index */
  --z-header: 100;
  --z-modal: 200;
  --z-sticky-cta: 150;
}