/* ==========================================================================
   CSS Variables — sim racing / motorsport feel
   ========================================================================== */
:root {
  --sr-black: #0d0d0d;
  --sr-dark: #1a1a1a;
  --sr-card: #242424;
  --sr-border: #333;
  --sr-muted: #888;
  --sr-text: #e5e5e5;
  --sr-accent: #e63900;
  --sr-accent-hover: #ff4d1a;
  --sr-success: #22c55e;
  --sr-radius: 8px;
  --sr-radius-sm: 4px;
  --sr-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --sr-font-mono: "JetBrains Mono", "Fira Code", monospace;
  --sr-header-h: 56px;
  --sr-sidebar-w: 220px;
  --sr-content-max: 720px;
  --sr-main-max: 1400px;
  --sr-gap: 24px;
  /* Картинки в постах: макс. высота, обрезка по центру */
  --sr-figure-img-max-height: 400px;
  /* В ленте — единый размер превью: соотношение сторон (ширина / высота), картинка заполняет кадр по центру */
  --sr-card-figure-aspect: 16 / 10;
}