/* Дизайн-токены. Смена фирменной идентичности = правка только этого файла. */

:root {
  /* Primary – брендовый синий (Газпром) */
  --color-primary: #0D4C8C;
  --color-primary-dark: #093460;
  --color-primary-light: #2E6FB0;
  --color-accent: #1F8FFF;

  /* Semantic */
  --color-success: #2E8B57;
  --color-warning: #D89400;
  --color-danger: #C5333A;

  /* Neutral / Text */
  --color-text: #1A1A1A;
  --color-text-muted: #5A5F66;
  --color-text-light: #8A8F96;
  --color-bg: #FFFFFF;
  --color-bg-soft: #F5F7FA;
  --color-bg-info: #EAF3FB;
  --color-bg-warn: #FFF8E5;
  --color-bg-danger: #FCEDEE;
  --color-bg-success: #E8F5EC;
  --color-border: #E2E6EC;
  --color-border-strong: #C8CFD8;

  /* Типографика */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Сетка (8pt) */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;

  --max-content-width: 880px;
  --max-page-width: 1200px;

  /* Радиусы */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Тени – холодный оттенок */
  --shadow-sm: 0 1px 2px rgba(20, 30, 50, 0.06);
  --shadow-md: 0 4px 14px rgba(20, 30, 50, 0.08);
  --shadow-lg: 0 10px 30px rgba(20, 30, 50, 0.12);

  /* Переходы */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
}