:root {
  --rz-white: #ffffff;
  --rz-black: black;
  --rz-base-50: #F7F5F3;
  --rz-base-100: #EFEBE7;
  --rz-base-200: #E8E2DD;
  --rz-base-300: #D6D3D0;
  --rz-base-400: #CAC7C5;
  --rz-base-500: #BEBBB9;
  --rz-base-600: #B1B0AE;
  --rz-base-700: #A5A4A2;
  --rz-base-800: #808080;
  --rz-base-900: #091321;
  --rz-primary: #091321;
  --rz-primary-light: #193256;
  --rz-primary-lighter: #19325630;
  --rz-primary-dark: #091321;
  --rz-primary-darker: #000;  
  --rz-secondary: #4392FF;
  --rz-secondary-light: #75AFFF;
  --rz-secondary-lighter: #75AFFF40;
  --rz-secondary-dark: #2480FF;
  --rz-secondary-darker: #0F73FF;  
  --rz-info: #CAC7C5;
  --rz-info-light: #D6D3D0;
  --rz-info-lighter: #D6D3D040;
  --rz-info-dark: #808080;
  --rz-info-darker: #091321;
  --rz-success: #5dbf74;
  --rz-success-light: #77c98a;
  --rz-success-lighter: rgba(93, 191, 116, 0.16);
  --rz-success-dark: #4ea061;
  --rz-success-darker: #468f57;
  --rz-warning: #FFAE11;
  --rz-warning-light: #FFBF42;
  --rz-warning-lighter: #FFBF4240;
  --rz-warning-dark: #FFA411;
  --rz-warning-darker: #FF9011;
  --rz-danger: #f9777f;
  --rz-danger-light: #fa8d93;
  --rz-danger-lighter: rgba(249, 119, 127, 0.2);
  --rz-danger-dark: #d1646b;
  --rz-danger-darker: #bb595f;
  
  



  /* ====== Primary (верхняя панель) ====== */
  --md-primary-fg-color:               var(--rz-primary);        /* цвет текста на header */
  --md-primary-fg-color--light:        var(--rz-primary-light);
  --md-primary-fg-color--dark:         var(--rz-primary-dark);

  --md-primary-bg-color:               var(--rz-base-100);      /* фон header */
  --md-primary-bg-color--light:        var(--rz-base-400);

  /* ====== Accent (ссылки и интерактив) ====== */
  --md-accent-fg-color:                var(--rz-secondary-dark);  
  --md-accent-fg-color--transparent:   var(--rz-secondary-lighter);

  --md-accent-bg-color:                var(--rz-secondary-light);
  --md-accent-bg-color--light:         var(--rz-secondary-lighter);

}


.md-typeset .tabbed-content .tabbed-block {
  background-color: var(--rz-base-50); /* Светлый фон для выделения */
  padding: 1em;              /* Внутренние отступы */
  margin-bottom: 1em;        /* Отступ снизу */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Легкая тень для глубины */
}