Tokens

body {
  --sds_drawer_overlay_background: var(
    --sds_theme_background_overlay,
    rgba(0, 0, 0, 0.24)
  );

  --sds_drawer_background_color: var(
    --sds_theme_background_high,
    #{sds-color(white)}
  );
  --sds_drawer_border_color: var(--sds_theme_border, #{sds-color(neutral, 30)});

  --sds_drawer_header_background_color: var(--sds_drawer_background_color);
  --sds_drawer_header_border_color: var(--sds_drawer_border_color);
  --sds_drawer_header_text: var(--sds_theme_text, #{sds-color(black)});
  --sds_drawer_header_button_icon: var(
    --sds_theme_icon,
    #{sds-color(neutral, 70)}
  );
  --sds_drawer_header_button_interactive_background: var(
    --sds_theme_button_ghost_interactive_background,
    #{sds-color(neutral, 10)}
  );
  --sds_drawer_header_button_interactive_icon: var(
    --sds_theme_button_ghost_interactive_icon,
    #{sds-color(neutral, 70)}
  );

  --sds_drawer_footer_background_color: var(--sds_drawer_background_color);
  --sds_drawer_footer_border_color: var(--sds_drawer_border_color);
}