/* ============================================================
   EVERSIM PLATFORM — design tokens
   Палитра/типографика наследуют лендинг. Тему (--c-*) на лету
   переопределяет JS из активной версии (admin → versions.json).
   ============================================================ */
:root {
  /* palette — значения по умолчанию = версия obsidian-aurora */
  --c-void: #05060B;
  --c-ink: #0B0E1A;
  --c-ink-2: #11142A;
  --c-plasma: #7A5BFF;
  --c-aqua: #3CE0FF;
  --c-gold: #F7C56B;
  --c-white: #F4F5FB;
  --c-muted: rgba(244, 245, 251, 0.56);
  --c-line: rgba(244, 245, 251, 0.10);
  --c-glass: rgba(17, 20, 42, 0.55);
  --c-ok: #59E6A0;
  --c-warn: #FFB454;
  --c-err: #FF5A7A;

  --g-aurora:
    radial-gradient(120% 80% at 20% 0%, rgba(122, 91, 255, .45), transparent 60%),
    radial-gradient(80% 80% at 100% 100%, rgba(60, 224, 255, .30), transparent 60%);
  --g-plasma-aqua: linear-gradient(135deg, var(--c-plasma) 0%, var(--c-aqua) 100%);

  --f-display: "Unbounded", "Syne", system-ui, sans-serif;
  --f-body: "Manrope", system-ui, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-expo: cubic-bezier(0.87, 0, 0.13, 1);
  --ease-bounce: cubic-bezier(0.68, -0.55, 0.27, 1.55);

  --radius: 18px;
  --radius-sm: 12px;
  --pad-x: clamp(1.25rem, 4vw, 4rem);

  /* fx-интенсивности (версия переопределяет) */
  --fx-grain: 0.22;
  --fx-scanlines: 0.08;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }

html {
  background: var(--c-void);
  color: var(--c-white);
  font-family: var(--f-body);
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  min-height: 100vh;
  overflow: hidden;
  overscroll-behavior: none;
  background:
    radial-gradient(60% 50% at 50% 8%, color-mix(in srgb, var(--c-plasma) 18%, transparent), transparent 70%),
    radial-gradient(50% 50% at 82% 92%, color-mix(in srgb, var(--c-aqua) 12%, transparent), transparent 70%),
    var(--c-void);
}

::selection { background: var(--c-plasma); color: var(--c-white); }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; color: inherit; }
input, textarea { font-family: inherit; }

/* кастомный скролл внутри панелей */
.scroll::-webkit-scrollbar { width: 8px; }
.scroll::-webkit-scrollbar-thumb { background: var(--c-line); border-radius: 8px; }
.scroll::-webkit-scrollbar-track { background: transparent; }

/* служебные */
.kicker {
  font-family: var(--f-mono);
  font-size: .72rem;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--c-aqua);
}
.muted { color: var(--c-muted); }
[hidden] { display: none !important; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }