/* ============================================================
   tokens.css — переменные и базовая типографика для news.parallax.company
   Заменяет импорт main.css + blog-bundle.css с основного сайта.
   Значения скопированы из css/design-system.css сборки PARALLAXv568,
   поэтому цвета и шрифт совпадают с parallax.company 1:1.
   ============================================================ */

:root{
  /* бренд */
  --color-primary:#5b61e0;
  --color-primary-rgb:91,97,224;
  --color-primary-hover:#5659d7;
  --color-secondary:#8B5CF6;
  --color-accent:#7C7FFF;
  --brand:#5b61e0;

  /* фоны */
  --color-bg-primary:#ffffff;
  --color-bg-secondary:#f8f9fc;
  --color-bg-tertiary:#f3f4f8;
  --bg-card:#ffffff;

  /* текст */
  --color-text-primary:#1a1a2e;
  --color-text-secondary:#5a5a6e;
  --color-text-muted:#6B6B80;
  --text-primary:#1a1a2e;
  --text-secondary:#5a5a6e;

  /* границы */
  --color-border:#E6E7EF;
  --border:#E6E7EF;

  /* радиусы и тени — как в дизайн-системе */
  --radius-sm:6px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-full:999px;
  --shadow-sm:0 2px 8px rgba(0,0,0,.04);
  --shadow-md:0 4px 16px rgba(0,0,0,.06);

  /* шрифт — тот же системный стек, что на основном сайте */
  --font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font-mono:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;
}

*{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--color-bg-secondary);
  color:var(--color-text-primary);
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4,h5{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.2}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.25em}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}

.container{max-width:1060px;margin:0 auto;padding:0 24px}
.page-wrapper{min-height:100vh;display:flex;flex-direction:column}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}