:root {
  /* акцентные цвета */
  --newsroomApp-color-accent-light: var(--color-accent-light, 16, 46, 104);
  --newsroomApp-color-accent-dark: var(--color-accent-dark, 9, 27, 61);
  /* цвет элемента формы в фокусе */
  --newsroomApp-color-active-element: var(--color-active-element, 59, 130, 247);
  /* цвет, привлекающий внимание */
  --newsroomApp-color-attractive: var(--color-attractive, 255, 204, 0);
  /* Текст */
  /* Обычный */
  --newsroomApp-color-text-light: var(--color-text-light, 46, 44, 44);
  --newsroomApp-color-text-dark: var(--color-text-dark, 250, 250, 250);
  /* Полупрозрачный */
  --newsroomApp-color-text-transparency:var(--color-text,  0.7);
  /* Фон */
  /* Обычный */
  --newsroomApp-color-bg-light: var(--color-bg-light, 245, 245, 245);
  --newsroomApp-color-bg-dark: var(--color-bg-dark, 22, 22, 23);
  --newsroomApp-color-bg-black: var(--color-bg-black, 0, 0, 0);
  --newsroomApp-color-bg-white: var(--color-bg-white, 255, 255, 255);
  --newsroomApp-color-destruction: var(--color-destruction, 254, 83, 53);
  /* Полупрозрачный */
  --newsroomApp-color-bg-transparency: var(--color-bg-transparency, 0.7);
  /* Отступы */
  --newsroomApp-spacing-level-1: var(--spacing-level-1, 64px);
  --newsroomApp-spacing-level-2: var(--spacing-level-2, 40px);
  --newsroomApp-spacing-level-3: var(--spacing-level-3, 32px);
  --newsroomApp-spacing-level-4: var(--spacing-level-4, 16px);
  --newsroomApp-spacing-level-5: var(--spacing-level-5, 5px);
  /* Ширина контента для широких экранов */
  --newsroomApp-body-container-width: var(--body-container-width, 1200px);
  /* Размеры текста */
  --newsroomApp-text-size-header-large: var(--text-size-header-large, 40px);
  --newsroomApp-text-size-header-medium: var(--text-size-header-medium, 32px);
  --newsroomApp-text-size-header-small: var(--text-size-header-small, 20px);
  --newsroomApp-text-size-text-large: var(--text-size-text-large, 18px);
  --newsroomApp-text-size-text-medium: var(--text-size-text-medium, 16px);
  --newsroomApp-text-size-text-small: var(--text-size-text-small, 14px);
}

@media (max-width: 950px) {
  :root {
    /* Отступы */
    --newsroomApp-spacing-level-1: var(--spacing-level-1, 40px);
    --newsroomApp-spacing-level-2: var(--spacing-level-2, 36px);
    --newsroomApp-spacing-level-3: var(--spacing-level-3, 32px);
    --newsroomApp-spacing-level-4: var(--spacing-level-4, 16px);
    --newsroomApp-spacing-level-5: var(--spacing-level-5, 5px);
    /* Размеры текста */
    --newsroomApp-text-size-header-large: var(--text-size-header-large, 28px);
    --newsroomApp-text-size-header-medium: var(--text-size-header-medium, 24px);
    --newsroomApp-text-size-header-small: var(--text-size-header-small, 20px);
    --newsroomApp-text-size-text-large: var(--text-size-text-large, 18px);
    --newsroomApp-text-size-text-medium: var(--text-size-text-medium, 16px);
    --newsroomApp-text-size-text-small: var(--text-size-text-small, 14px);
  }
}