/* ПравоРадар — дизайн-токены (D1) */
:root {
  /* Поверхности */
  --page-bg:      #F5F3EE;
  --surface:      #FFFFFF;
  --surface-soft: #EFECE6;

  /* Текст */
  --text-main:      #1F2933;
  --text-secondary: #4B5563;
  --text-muted:     #6B7280;

  /* Бренд/Акцент */
  --primary:       #26384D;
  --primary-hover: #1E2D3D;
  --accent:        #A14D43;
  --accent-soft:   #F3E5E2;

  /* Границы */
  --border:        #D9D5CE;
  --border-strong: #C8C3BB;

  /* Состояния */
  --success:      #3D6B54;
  --success-soft: #E6F0EA;
  --warning:      #986627;
  --warning-soft: #F5ECDD;
  --danger:       #A33E3E;
  --danger-soft:  #F5E4E4;
  --info:         #3F627A;
  --info-soft:    #E6EEF3;

  /* Focus */
  --focus: #26384D;

  /* Радиусы */
  --radius-sm:    6px;
  --radius-md:    8px;
  --radius-lg:    10px;
  --radius-modal: 12px;
  --radius-pill:  999px;

  /* Тени */
  --shadow-sm:    0 1px 3px rgba(20, 25, 30, 0.06);
  --shadow-md:    0 4px 12px rgba(20, 25, 30, 0.09);
  --shadow-modal: 0 12px 32px rgba(20, 25, 30, 0.14);

  /* Шрифты */
  --font-sans: "Segoe UI Variable", "Segoe UI", Arial, sans-serif;

  /* Отступы */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Портал */
  --sidebar-w:    216px;
  --topbar-h:     58px;
  --portal-pad:   24px;

  /* Публичная часть */
  --container-max: 1180px;
  --container-pad: 28px;

  /* Z-индексы */
  --z-header:  100;
  --z-sidebar: 200;
  --z-modal:   1000;
  --z-toast:   1100;

  /* Переходы */
  --transition: 140ms ease;

  /* Алиасы обратной совместимости */
  --bg-page:      var(--page-bg);
  --bg-surface:   var(--surface);
  --bg-soft:      var(--surface-soft);
  --text-primary: var(--text-main);
  --brand-primary: var(--primary);
  --brand-hover:   var(--primary-hover);
  --accent-primary: var(--accent);
  --accent-hover:   var(--accent);
  --border-default: var(--border);
  --brand-soft:  var(--info-soft);
  --shadow-lg:   var(--shadow-modal);
}

@media (max-width: 1024px) { :root { --container-pad: 20px; } }
@media (max-width: 768px)  { :root { --container-pad: 16px; --portal-pad: 16px; } }