/* ═══════════════════════════════════════════════════════════════
   ВЫШКА — Design Tokens v2 (Dark Futurism)

   Замена v1 (light premium B2B) на v2 (dark futurism) — синхронизировано
   с entity_dashboard / identity / showcase / landing.

   Подключают: pricing.php, faq.php, onboarding.php (через
   <link href="vyshka-tokens.css">). После этого изменения они
   автоматически переходят в dark.
   ═══════════════════════════════════════════════════════════════ */
:root {
  --bg:            #07090f;
  --bg-soft:       #0d1118;
  --bg-card:       rgba(255,255,255,0.04);
  --bg-elevated:   rgba(255,255,255,0.06);

  --primary:       #6366f1;
  --primary-2:     #8b5cf6;
  --primary-soft:  rgba(99,102,241,0.15);
  --primary-dark:  #4338ca;
  --gradient-primary: linear-gradient(135deg, #818cf8, #67e8f9);

  --green:         #22c55e;
  --green-soft:    rgba(34,197,94,0.15);
  --amber:         #f59e0b;
  --amber-soft:    rgba(245,158,11,0.15);
  --red:           #ef4444;
  --red-soft:      rgba(239,68,68,0.15);

  --text:          #e2e8f0;
  --text-strong:   #f8fafc;
  --text-muted:    #8892a4;
  --text-dim:      #64748b;
  --text-on-dark:  #ffffff;

  --border:        rgba(255,255,255,0.08);
  --border-soft:   rgba(255,255,255,0.04);
  --border-strong: rgba(99,102,241,0.4);

  --shadow-xs:  0 1px 1px rgba(0,0,0,0.3);
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.4), 0 1px 3px rgba(0,0,0,0.3);
  --shadow:     0 4px 12px -2px rgba(0,0,0,0.5), 0 0 1px rgba(255,255,255,0.04);
  --shadow-lg:  0 16px 32px -8px rgba(99,102,241,0.18), 0 0 24px rgba(99,102,241,0.12);
  --shadow-xl:  0 32px 64px -16px rgba(99,102,241,0.24), 0 0 40px rgba(139,92,246,0.15);
  --shadow-focus: 0 0 0 3px rgba(99,102,241,0.3);

  --r-xs:  6px;
  --r-sm:  8px;
  --r:     12px;
  --r-lg:  14px;
  --r-xl:  18px;
  --r-2xl: 24px;
  --r-full: 999px;

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px;
  --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px; --s-20:80px;

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Inter", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --t-h1:  clamp(40px, 7vw, 72px);
  --t-h2:  clamp(28px, 4vw, 44px);
  --t-h3:  clamp(20px, 2.5vw, 28px);
  --t-h4:  18px;
  --t-body: 15px;
  --t-sm:   13px;
  --t-xs:   11px;
  --t-label: 12px;

  --w-regular: 400; --w-medium: 500; --w-semibold: 600; --w-bold: 700; --w-black: 800;
  --ls-tight: -0.03em; --ls-snug: -0.02em; --ls-wide: 0.05em; --ls-wider: 0.1em;

  --t-fast: 0.15s ease-out; --t: 0.2s ease-out; --t-slow: 0.3s ease-out;
  --z-sticky:100; --z-modal:200; --z-toast:300; --z-tooltip:400;
}

/* Hardcoded white .nav (pricing/faq) → translucent dark с blur. */
.nav {
  background: rgba(7,9,15,0.78) !important;
  backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border) !important;
}

/* Hardcoded white pricing-cards в pricing.php (имеют inline white bg). */
.pricing-card, .feature-card, .stat-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  color: var(--text);
}

/* Body link colors — против браузерного дефолта. */
a:not(.btn):not([class*="btn-"]) { color: #a5b4fc; }
a:not(.btn):not([class*="btn-"]):hover { color: #c7d2fe; }

/* Code блоки — везде где встречаются. */
code, pre {
  background: rgba(255,255,255,0.04);
  color: #67e8f9;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 2px 8px;
  font-family: var(--font-mono);
}